@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700);
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}

.leaflet-container {
	overflow: hidden;
	}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}

/* Prevents IE11 from highlighting tiles in blue */

.leaflet-tile::-moz-selection {
	background: transparent;
}

.leaflet-tile::selection {
	background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */

.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}

/* hack that prevents hw layers "stretching" when loading new tiles */

.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}

.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */

/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */

.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}

.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}

.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}

.leaflet-tile-loaded {
	visibility: inherit;
	}

.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */

.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane  { z-index: 500; }

.leaflet-marker-pane  { z-index: 600; }

.leaflet-tooltip-pane   { z-index: 650; }

.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}

.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}

/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}

.leaflet-top {
	top: 0;
	}

.leaflet-right {
	right: 0;
	}

.leaflet-bottom {
	bottom: 0;
	}

.leaflet-left {
	left: 0;
	}

.leaflet-control {
	float: left;
	clear: both;
	}

.leaflet-right .leaflet-control {
	float: right;
	}

.leaflet-top .leaflet-control {
	margin-top: 10px;
	}

.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}

.leaflet-left .leaflet-control {
	margin-left: 10px;
	}

.leaflet-right .leaflet-control {
	margin-right: 10px;
	}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-animated {
	transform-origin: 0 0;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}

/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}

.leaflet-grab {
	cursor:         grab;
	}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}

.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}

.leaflet-container a {
	color: #0078A8;
	}

.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}

.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}

/* general typography */

.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}

.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}

.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}

.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}

.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}

.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}

.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}

.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}

.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}

/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}

.leaflet-control-layers-toggle {
	background-image: url('layers.416d91365b44e4b4f477.png');
	width: 36px;
	height: 36px;
	}

.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.8f2c4d11474275fbc161.png');
	background-size: 26px 26px;
	}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}

.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}

.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}

.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}

.leaflet-control-layers label {
	display: block;
	}

.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */

.leaflet-default-icon-path {
	background-image: url('marker-icon.2b3e1faf89f94a483539.png');
	}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}

.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}

.leaflet-control-attribution a {
	text-decoration: none;
	}

.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}

.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}

.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}

/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}

.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}

.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}

.leaflet-popup-content p {
	margin: 18px 0;
	}

.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}

.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	transform: rotate(45deg);
	}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}

.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}

.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}

.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}

/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

/* Tooltip */

/* Base styles for the element that has a tooltip */

.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}

.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}

.leaflet-tooltip-top {
	margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}

.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}

.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}

.leaflet-tooltip-left {
	margin-left: -6px;
}

.leaflet-tooltip-right {
	margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}

.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}

.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}
.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}
.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}
/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}
.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}
.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}
.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}
@charset "UTF-8";
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* Mixins for SlickGrid */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
@keyframes highlight-fade {
  to {
    background: #c8ddea; }
  from {
    background: none; } }
.slickgrid-container {
  border-top: 0 none;
  border-bottom: 1px solid #dddddd;
  border-left: 0 none;
  border-right: 0 none;
  position: relative;
  /** Frozen/Pinned styling */ }
.slickgrid-container input[type="checkbox"] {
    vertical-align: baseline;
    margin: 0; }
.slickgrid-container .slick-viewport {
    border-top: 0 none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none; }
.slickgrid-container .ui-state-default {
    border: 0; }
.slickgrid-container .grid-canvas .slick-row {
    position: absolute;
    width: 100%; }
.slickgrid-container .grid-canvas .slick-row:hover {
      background-color: #eff5fc; }
.slickgrid-container .grid-canvas .slick-row.active {
      padding: 5px 7.5834px; }
.slickgrid-container .grid-canvas .slick-row.highlight {
      background-color: #c8ddea;
      animation: highlight-fade 1.5s ease 1; }
.slickgrid-container .grid-canvas .slick-row.highlight .slick-cell.copied {
        background: rgba(0, 0, 255, 0.2);
        transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-row.highlight.odd {
        background-color: #c8ddea;
        animation: highlight-fade 1.5s ease 1; }
.slickgrid-container .grid-canvas .slick-row.highlight.odd .slick-cell.copied {
        background: rgba(0, 0, 255, 0.2);
        transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-row.highlighter {
      background: orange !important;
      transition-property: background;
      transition-duration: 3s;
      transition-timing-function: ease-in; }
.slickgrid-container .grid-canvas .slick-row.copied {
      background: rgba(0, 0, 255, 0.2);
      transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-row.odd {
      background: #f7f7f7; }
.slickgrid-container .grid-canvas .slick-row.odd:hover {
        background-color: #eff5fc; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell {
      background: inherit; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell.selected {
        background-color: #dae8f1; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell.copied {
        background: rgba(0, 0, 255, 0.2);
        transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell {
      background: inherit; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell.selected {
        background-color: #dae8f1; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell.copied {
        background: rgba(0, 0, 255, 0.2);
        transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-row.slick-group-totals {
      color: gray;
      background: #fff; }
.slickgrid-container .grid-canvas .slick-row.slick-group-totals .slick-cell {
        font-size: 14px; }
.slickgrid-container .grid-canvas .slick-cell, .slickgrid-container .grid-canvas .slick-headerrow-column {
    border-top: 1px solid #dddddd;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none; }
.slickgrid-container .grid-canvas .even {
    background: #ffffff; }
.slickgrid-container .grid-canvas .slick-cell {
    padding: 5px 7.5834px;
    font-size: 14px; }
.slickgrid-container .grid-canvas .slick-cell td {
      font-size: 14px; }
body .slickgrid-container .grid-canvas .slick-cell {
      line-height: 20px; }
.slickgrid-container .grid-canvas .slick-cell a, .slickgrid-container .grid-canvas .slick-cell a:visited, .slickgrid-container .grid-canvas .slick-cell .ui-widget-content a, .slickgrid-container .grid-canvas .slick-cell .ui-widget-content a:visited {
      color: #08c; }
.slickgrid-container .grid-canvas .slick-cell a:hover, .slickgrid-container .grid-canvas .slick-cell .ui-widget-content a:hover {
      color: darker(#08c, 15%);
      border-bottom: none; }
.slickgrid-container .grid-canvas .slick-cell table {
      height: 100%;
      border: 0 none;
      padding: 0;
      background: none; }
.slickgrid-container .grid-canvas .slick-cell td {
      border: 0 none;
      padding: 0;
      vertical-align: middle;
      text-align: left; }
.slickgrid-container .grid-canvas .slick-cell.selected {
      background-color: #dae8f1; }
.slickgrid-container .grid-canvas .slick-cell.copied {
      background: rgba(0, 0, 255, 0.2);
      transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-cell select:not([multiple]).form-control {
      height: 100%;
      padding: 0; }
.slickgrid-container .grid-canvas .slick-cell .slick-group-toggle {
      color: #31708F;
      font-weight: bold;
      width: 14px;
      height: 20px;
      margin-right: 2px;
      cursor: pointer; }
.slickgrid-container .grid-canvas .slick-cell .slick-group-toggle.expanded:before {
        content: "";
        font-family: "FontAwesome";
        font-size: 18px; }
.slickgrid-container .grid-canvas .slick-cell .slick-group-toggle.collapsed:before {
        content: "";
        font-family: "FontAwesome";
        font-size: 18px; }
.slickgrid-container .slick-header {
    border-top: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 0 none;
    width: 100%;
    box-shadow: none !important; }
.slickgrid-container .slick-headerrow {
    border-bottom: 0 none;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none; }
.slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column {
      border: none;
      padding: 4px;
      background: #ffffff; }
.slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column input,
    .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column select,
    .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column textarea {
      margin-right: 0;
      padding: 0 6px;
      width: none;
      height: 27px;
      box-sizing: border-box; }
.slickgrid-container .slick-preheader-panel.ui-state-default .slick-header-column {
    border-left: none !important;
    font-size: 16px !important; }
.slickgrid-container .slick-header-columns {
    background: transparent;
    width: calc(100% - 16px); }
.slickgrid-container .slick-header-columns .slick-header-sortable .slick-column-name {
      margin-left: 0; }
.slickgrid-container .slick-header-columns .slick-header-column {
      height: 34px;
      line-height: 14px;
      margin: 0;
      border-top: 0 none;
      border-right: 0 none;
      border-bottom: 0 none;
      border-left: 0 none;
      white-space: normal;
      /* like TH  */
      background: transparent;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: #000000;
      font-weight: bold; }
.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default {
        padding: 5px 7.5834px;
        font-size: 14px; }
.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default td {
          font-size: 14px; }
body .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default {
         /* line-height: 20px; */}
.slickgrid-container .slick-header-columns .slick-header-column a, .slickgrid-container .slick-header-columns .slick-header-column a:visited {
        color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column a:hover {
        color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default {
        /* like TH  */
        background: transparent;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: #000000;
        font-weight: bold; }
.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a, .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a:visited {
          color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a:hover {
          color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column.slick-header-column-sorted {
        font-style: normal;
        color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column:hover {
        color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator {
        background: none;
        font-family: "FontAwesome";
        font-size: 14px;
        position: absolute;
        display: inline-block;
        color: #4c80be;
        width: 8px;
        height: 5px;
        left: auto;
        right: 10px;
        top: 15px; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 10px;
        position: absolute;
        display: inline-block;
        color: #4c80be;
        width: 8px;
        left: auto;
        right: 0px;
        top: 26px; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-asc:before {
        content: ""; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-desc:before {
        content: ""; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-resizable-handle {
        width: 7px;
        right: 0px;
        z-index: 1; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-resizable-handle:hover {
        border-right: 1px solid #d0d0d0;
        right: 0; }
.slickgrid-container .slick-row .slick-cell.frozen:last-child,
  .slickgrid-container .slick-headerrow-column.frozen:last-child,
  .slickgrid-container .slick-footerrow-column.frozen:last-child {
    border-right: 1px solid #a5a5a5; }
.slickgrid-container .slick-pane-bottom {
    border-top: 1px solid #a5a5a5; }
.slickgrid-container .slick-viewport-bottom.slick-viewport-right {
    overflow-y: scroll !important; }
/* control variables */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slick-columnpicker {
  background-color: #f8f8f8;
  border: 1px solid #b8b8b8;
  border-radius: 3px;
  padding: 6px;
  box-shadow: 2px 2px 2px silver;
  min-width: 150px;
  cursor: default;
  position: absolute;
  z-index: 2000;
  overflow: auto;
  resize: both; }
.slick-columnpicker > .close {
    float: right;
    width: 20px;
    height: 25px;
    padding: 2px;
    background-color: 1px solid #9c9c9c;
    border: 0px solid #9c9c9c; }
.slick-columnpicker > .close > span {
      opacity: 0.9; }
.slick-columnpicker li {
    list-style: none;
    margin: 0;
    padding: 0;
    background: none; }
.slick-columnpicker li a {
      display: block;
      padding: 4px;
      font-weight: bold; }
.slick-columnpicker li a:hover {
        background-color: #ffffff; }
.slick-columnpicker li label {
      font-weight: normal; }
.slick-columnpicker li label input {
        margin: 4px; }
.slick-columnpicker .title {
    font-size: 16px;
    width: 60%;
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 10px; }
.slick-columnpicker-list > hr {
  margin: 6px 0;
  border: 0;
  border-top: 1px solid #d5d5d5; }
.slick-gridmenu {
  background-color: #fafafa;
  border: 1px solid #b8b8b8;
  border-radius: 3px;
  padding: 6px;
  box-shadow: 2px 2px 2px silver;
  min-width: 200px;
  cursor: default;
  position: absolute;
  z-index: 2000;
  overflow: auto;
  resize: both; }
.slick-gridmenu > .close {
    float: right;
    opacity: 0.5; }
.slick-gridmenu .title {
    font-size: 16px;
    width: calc(100% - 30px);
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 5px; }
.slick-gridmenu li {
    list-style: none;
    margin: 0;
    padding: 0;
    background: none; }
.slick-gridmenu li a {
      display: block;
      padding: 4px;
      font-weight: bold; }
.slick-gridmenu li a:hover {
        background-color: #ffffff; }
.slick-gridmenu li label {
      font-weight: normal; }
.slick-gridmenu li label input {
        margin: 4px; }
.slick-gridmenu input {
    margin: 4px; }
.slick-gridmenu-button {
  position: absolute;
  cursor: pointer;
  right: 0;
  padding: 0 2px;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  border: 0;
  margin-top: 5px;
  width: 22px;
  font-size: 14px; }
.slick-gridmenu-custom {
  margin-bottom: 10px; }
/* Menu items */
.slick-gridmenu-item {
  list-style: none;
  margin: 0;
  cursor: pointer;
  padding: 2px 4px;
  border: 1px solid transparent;
  border-radius: 3px; }
.slick-gridmenu-item:hover {
    border-color: silver;
    background: white; }
.slick-gridmenu-item.slick-gridmenu-item-divider {
    cursor: default;
    border: none;
    overflow: hidden;
    padding: 0;
    height: 1px;
    margin: 8px 3px;
    background-color: #e5e5e5; }
.slick-gridmenu-item-divider.slick-gridmenu-item:hover {
  background-color: #e5e5e5; }
.slick-gridmenu-item-disabled {
  border-color: transparent !important;
  background: inherit !important; }
.slick-gridmenu-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center center; }
.slick-gridmenu-content {
  display: inline-block;
  vertical-align: middle; }
.slick-gridmenu-list > hr {
  margin: 6px 0;
  border: 0;
  border-top: 1px solid #dddddd; }
/* Disabled */
.slick-gridmenu-item-disabled {
  color: silver; }
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.full-height {
  height: 100%; }
.gridPane {
  width: 100%; }
.grid-header {
  border: 1px solid gray;
  border-bottom: 0;
  border-top: 0;
  /*background: url('../images/header-bg.gif') repeat-x center top;*/
  color: black;
  height: 24px;
  line-height: 24px; }
.grid-header label {
  display: inline-block;
  font-weight: bold;
  margin: auto auto auto 6px; }
.grid-header .ui-icon {
  margin: 4px 4px auto 6px;
  background-color: transparent;
  border-color: transparent; }
.grid-header .ui-icon.ui-state-hover {
  background-color: white; }
.grid-header #txtSearch {
  margin: 0 4px 0 4px;
  padding: 2px 2px;
  border-radius: 2px;
  border: 1px solid silver; }
.options-panel {
  border-radius: 6px;
  border: 1px solid silver;
  background: #f0f0f0;
  padding: 4px;
  margin-bottom: 20px;
  width: 320px;
  position: absolute;
  top: 0px;
  left: 650px; }
/* Individual cell styles */
.slick-cell.task-name {
  font-weight: bold;
  text-align: right; }
.slick-cell.task-percent {
  text-align: right; }
.slick-cell.cell-move-handle {
  font-weight: bold;
  text-align: right;
  border-right: solid gray;
  background: #efefef;
  cursor: move; }
.cell-move-handle:hover {
  background: #b6b9bd; }
.slick-row.selected .cell-move-handle {
  background: #D5DC8D; }
.slick-row .cell-actions {
  text-align: left; }
.slick-row.complete {
  background-color: #DFD;
  color: #555; }
.percent-complete-bar {
  display: inline-block;
  height: 6px;
  border-radius: 3px;
  background-color: transparent; }
/* Slick.Editors.Text, Slick.Editors.Date */
.ui-datepicker-trigger {
  margin-top: 2px;
  padding: 0;
  vertical-align: top; }
/* Slick.Editors.PercentComplete */
input.editor-percentcomplete {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
  float: left; }
.editor-percentcomplete-picker {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 100%;
  /*background: url("../images/pencil.gif") no-repeat center center;*/
  overflow: visible;
  z-index: 1000;
  float: right; }
.editor-percentcomplete-helper {
  border: 0 solid gray;
  position: absolute;
  top: -2px;
  left: -9px;
  /*background: url("../images/editor-helper-bg.gif") no-repeat top left;*/
  padding-left: 9px;
  width: 120px;
  height: 140px;
  display: none;
  overflow: visible; }
.editor-percentcomplete-wrapper {
  background: beige;
  padding: 20px 8px;
  width: 100%;
  height: 98px;
  border: 1px solid gray;
  border-left: 0; }
.editor-percentcomplete-buttons {
  float: right; }
.editor-percentcomplete-buttons button {
  width: 80px; }
.editor-percentcomplete-slider {
  float: left; }
.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
  display: block; }
.editor-percentcomplete-helper:hover {
  display: block; }
/* Slick.Editors.YesNoSelect */
select.editor-yesno {
  width: 100%;
  margin: 0;
  vertical-align: middle; }
/* Slick.Editors.Checkbox */
input.editor-checkbox {
  margin: 0;
  height: 100%;
  padding: 0;
  border: 0; }
@charset "UTF-8";
/* plugin variables */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slick-column-name,
.slick-sort-indicator {
  /**
   * This makes all "float:right" elements after it that spill over to the next line
   * display way below the lower boundary of the column thus hiding them.
   */
  float: left;
  margin-bottom: 100px; }
.slick-header-button {
  /**
  * This makes all "float:right" elements after it that spill over to the next line
  * display way below the lower boundary of the column thus hiding them.
  */
  float: right;
  vertical-align: top;
  margin: 1px;
  margin-bottom: 100px;
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer; }
.slick-header-button-hidden {
  width: 0;
  margin-right: -8px;
  transition: 0.2s width; }
.slick-header-column:hover > .slick-header-button {
  width: 15px; }
.slick-header-menubutton {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  position: absolute;
  bottom: 0;
  right: 3px;
  top: 0;
  width: 14px; }
.slick-header-menubutton:before {
  font-family: "FontAwesome";
  font-size: 14px;
  content: "\f13a"; }
.slick-header-column:hover .slick-header-menubutton {
  display: inline-block; }
.slick-header-menu {
  position: absolute;
  margin: 0;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #BFBDBD;
  border-radius: 2px;
  min-width: 175px;
  padding: 4px;
  z-index: 100000;
  cursor: default;
  display: inline-block; }
.slick-header-menu button {
    border: 1px solid #BFBDBD;
    background-color: #ffffff;
    width: 45px;
    padding: 4px;
    margin: 4px 4px 4px 0; }
.slick-header-menu .filter {
    border: 1px solid #BFBDBD;
    font-size: 8pt;
    height: 400px;
    margin-top: 6px;
    overflow: scroll;
    padding: 4px;
    white-space: nowrap;
    width: 200px; }
.slick-header-menu .textfilter > label {
    display: inline-block;
    margin-left: 5px;
    margin-right: 10px; }
.slick-header-menu .textfilter > input[type=text] {
    width: 70%; }
.slick-header-menuitem {
  cursor: pointer;
  border: none;
  padding: 2px 4px;
  list-style: none outside none;
  margin: 0; }
.slick-header-menuitem.slick-header-menuitem-divider {
    cursor: default;
    border: none;
    overflow: hidden;
    padding: 0;
    height: 1px;
    margin: 8px 3px;
    background-color: #e5e5e5; }
.slick-header-menuitem-divider.slick-header-menuitem:hover {
  background-color: #e5e5e5; }
.slick-header-menuicon {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
  width: 16px;
  /* Font Awesome sorting icons are not aligned in middle, let's align them ourselves */ }
.slick-header-menuicon.fa-sort-asc {
    transform: translateY(3px); }
.slick-header-menuicon.fa-sort-desc {
    transform: translateY(-2px); }
.slick-header-menucontent {
  display: inline-block;
  vertical-align: middle; }
.slick-header-menuitem:hover {
  border-color: #BFBDBD;
  background-color: #f3f3f3; }
.slick-header-menuitem-disabled {
  border-color: transparent !important;
  background: inherit !important; }
/* Disabled */
.slick-header-menuitem-disabled {
  color: silver; }
.slick-cell.cell-reorder:before {
  font-family: "FontAwesome";
  font-size: 14px;
  content: ""; }
.slick-cell.cell-reorder {
  cursor: move; }
.slick-headerrow-column input[type=checkbox],
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox],
.slick-column-name input[type=checkbox],
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox],
.slick-cell-checkboxsel input[type=checkbox],
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] {
  display: none;
  /* to hide the checkbox itself */ }
.slick-headerrow-column input[type=checkbox],
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label,
.slick-column-name input[type=checkbox],
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label,
.slick-cell-checkboxsel input[type=checkbox],
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label {
  margin-left: 4px;
  margin-top: 3px; }
.slick-headerrow-column input[type=checkbox] + label:before,
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label:before,
.slick-column-name input[type=checkbox] + label:before,
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label:before,
.slick-cell-checkboxsel input[type=checkbox] + label:before,
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label:before {
  cursor: pointer;
  content: "";
  color: #31708F;
  display: inline-block;
  font-weight: bold;
  font-family: "FontAwesome";
  font-size: 13px;
  opacity: 0.15;
  /* unchecked icon */ }
.slick-headerrow-column input[type=checkbox] + label:hover:before,
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before,
.slick-column-name input[type=checkbox] + label:hover:before,
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before,
.slick-cell-checkboxsel input[type=checkbox] + label:hover:before,
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before {
  opacity: 0.35; }
.slick-headerrow-column input[type=checkbox]:checked + label:before,
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before,
.slick-column-name input[type=checkbox]:checked + label:before,
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before,
.slick-cell-checkboxsel input[type=checkbox]:checked + label:before,
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before {
  opacity: 1;
  /* checked icon */ }
.search-filter :focus {
  outline-color: #73b3e5; }
.ms-choice {
  border: 1px solid #ccc;
  background-color: transparent; }
.ms-choice span {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial; }
.ms-filter.search-filter {
  width: 100% !important; }
.ms-drop {
  max-width: 250px;
  border: 1px solid #bbb;
  z-index: 9999; }
.ms-drop input[type="checkbox"],
  .ms-drop input[type="radio"] {
    /* make input checkbox invisible but don't hide it since multiple-select uses hide for something else */
    opacity: 0;
    width: 0; }
.ms-drop input[type="checkbox"] + span:before,
    .ms-drop input[type="radio"] + span:before {
      cursor: pointer;
      color: #31708F;
      content: "";
      display: inline-block;
      font-family: "FontAwesome";
      font-size: 16px;
      font-weight: normal;
      width: 20px;
      opacity: 0.5; }
.ms-drop input[type="checkbox"]:checked + span:before,
    .ms-drop input[type="radio"]:checked + span:before {
      content: "";
      opacity: 1; }
.ms-drop input[type="radio"] + span:before {
    content: ""; }
.ms-drop input[type="radio"]:checked + span:before {
    content: ""; }
.ms-drop label {
    margin-bottom: 5px; }
.ms-drop label span {
      cursor: pointer;
      margin-left: 4px;
      position: relative;
      top: 1px; }
.ms-drop label:hover {
      cursor: pointer;
      background-color: #eff5fc; }
.ms-drop .ms-select-all {
    border-bottom: 1px solid #ddd; }
.ms-drop .ms-select-all label {
      font-weight: normal;
      padding: 5px 8px;
      color: #2a617c; }
.ms-drop .ms-select-all label:hover {
        color: #245269; }
.ms-drop .ms-ok-button {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    border: 1px solid #ccc;
    text-align: center;
    color: #31708F;
    font-weight: 600;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff; }
.ms-drop .ms-ok-button:hover {
      background-color: #e2edfa;
      color: #2a617c; }
.search-filter .operator.input-group-addon {
  margin: 0;
  padding: 0;
  min-width: 25px;
  border: none; }
.search-filter .operator.input-group-addon select.form-control {
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none; }
.search-filter .operator.input-group-addon select.form-control::-ms-expand {
    display: none; }
.search-filter .operator.input-group-addon select.form-control .empty {
    color: #c0c0c0; }
.search-filter .operator.input-group-addon .form-control {
    border-radius: 4px 0 0 4px;
    border-right: none;
    padding: 0 0 0 2px !important;
    font-size: 13px;
    color: #31708F;
    font-weight: bold;
    background-color: #e4eacf; }
.search-filter .operator-char3.input-group-addon {
  min-width: 30px; }
input.search-filter {
  font-family: "Segoe UI Symbol"; }
.search-filter input {
  font-family: "Segoe UI Symbol"; }
.input-group.flatpickr .flatpickr {
  flex: 1; }
.input-group.flatpickr .flatpickr .flatpickr-input.form-control {
    background-color: #f7f7f7;
    font-family: "Segoe UI Symbol";
    font-size: 14px;
    border-radius: 0 4px 4px 0; }
.slick-preheader-panel .ui-droppable, .slick-preheader-panel .ui-droppable-hover {
  padding: 5px 10px;
  height: 35px;
  border: 1px solid #e0e0e0 !important;
  width: calc(100% - 25px) !important;
  border-radius: 4px;
  background-color: #ffffff; }
.slick-preheader-panel .ui-droppable .slick-placeholder, .slick-preheader-panel .ui-droppable-hover .slick-placeholder {
    font-style: italic;
    color: #616161; }
.slick-preheader-panel .ui-droppable .slick-group-toggle-all, .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all {
    position: absolute;
    cursor: pointer;
    font-family: "FontAwesome";
    color: #31708F;
    display: none !important;
    top: 7px;
    right: 40px; }
.slick-preheader-panel .ui-droppable .slick-group-toggle-all.expanded:before, .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all.expanded:before {
      content: ""; }
.slick-preheader-panel .ui-droppable .slick-group-toggle-all.collapsed:before, .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all.collapsed:before {
      content: ""; }
.slick-preheader-panel .ui-droppable .slick-dropped-grouping, .slick-preheader-panel .ui-droppable-hover .slick-dropped-grouping {
    display: inline-block;
    vertical-align: middle;
    cursor: move; }
.slick-preheader-panel .ui-droppable .slick-groupby-remove, .slick-preheader-panel .ui-droppable-hover .slick-groupby-remove {
    cursor: pointer;
    display: inline-flex;
    color: pink;
    padding-left: 5px;
    padding-right: 7px;
    font-size: 16px; }
.slick-preheader-panel .ui-droppable .slick-groupby-remove:hover, .slick-preheader-panel .ui-droppable-hover .slick-groupby-remove:hover {
      color: red; }
.slick-preheader-panel .ui-droppable-active {
  background-color: #fafafa; }
.slick-preheader-panel .ui-droppable-hover {
  background-color: #ededed; }
.slick-header .slick-header-columns .slick-column-groupable {
  display: inline-block;
  font-weight: normal;
  color: #707070;
  width: 9px;
  height: 9px;
  margin-left: 4px; }
input.slider-editor-input[type=range],
input.slider-filter-input[type=range] {
  /*removes default webkit styles*/
  -webkit-appearance: none;
  height: 27px;
  padding: 0 6px;
  /* change runnable track color while in focus on all browsers */
  /* WebKit specific (Opera/Chrome/Safari) */
  /* Mozilla Firefox specific */
  /*fix for FF unable to apply focus style bug */
  border: 1px solid #ccc;
  /*hide the outline behind the border*/
  /* Microsoft IE specific */ }
input.slider-editor-input[type=range]:focus,
  input.slider-filter-input[type=range]:focus {
    outline: none; }
input.slider-editor-input[type=range]:focus::-webkit-slider-runnable-track,
    input.slider-filter-input[type=range]:focus::-webkit-slider-runnable-track {
      background: #ddd; }
input.slider-editor-input[type=range]:focus::-moz-range-track,
    input.slider-filter-input[type=range]:focus::-moz-range-track {
      background: #ddd; }
input.slider-editor-input[type=range]:focus::-ms-fill-lower,
    input.slider-filter-input[type=range]:focus::-ms-fill-lower {
      background: #aaa; }
input.slider-editor-input[type=range]:focus::-ms-fill-upper,
    input.slider-filter-input[type=range]:focus::-ms-fill-upper {
      background: #ddd; }
input.slider-editor-input[type=range]::-webkit-slider-runnable-track,
  input.slider-filter-input[type=range]::-webkit-slider-runnable-track {
    height: 4px;
    background: #eee;
    border: none;
    border-radius: 3px; }
input.slider-editor-input[type=range]::-webkit-slider-thumb,
  input.slider-filter-input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 1px solid #9bbc9f;
    background: #c9dbcb;
    margin-top: -4px; }
input.slider-editor-input[type=range]::-moz-range-track,
  input.slider-filter-input[type=range]::-moz-range-track {
    height: 4px;
    background: #eee;
    border: none;
    border-radius: 3px; }
input.slider-editor-input[type=range]::-moz-range-thumb,
  input.slider-filter-input[type=range]::-moz-range-thumb {
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 1px solid #9bbc9f;
    background: #c9dbcb; }
input.slider-editor-input[type=range]:-moz-focusring,
  input.slider-filter-input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px; }
input.slider-editor-input[type=range]::-ms-track,
  input.slider-filter-input[type=range]::-ms-track {
    height: 4px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent; }
input.slider-editor-input[type=range]::-ms-fill-lower,
  input.slider-filter-input[type=range]::-ms-fill-lower {
    background: #ddd;
    border-radius: 10px; }
input.slider-editor-input[type=range]::-ms-fill-upper,
  input.slider-filter-input[type=range]::-ms-fill-upper {
    background: #eee;
    border-radius: 10px; }
input.slider-editor-input[type=range]::-ms-thumb,
  input.slider-filter-input[type=range]::-ms-thumb {
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 1px solid #9bbc9f;
    background: #c9dbcb;
    margin-top: 1px; }
input.slider-editor-input[type=range]::-ms-tooltip,
  input.slider-filter-input[type=range]::-ms-tooltip {
    display: none; }
.search-filter .slider-value {
  padding: 0; }
.search-filter .slider-value .input-group-text {
    padding: 4px 8px;
    font-size: 13px; }
input.slider-filter-input[type=range] {
  padding: 0 6px;
  height: 27px; }
/* Slider Editor */
input.slider-editor-input[type=range] {
  padding: 0 6px;
  height: 24px; }
.slider-editor .slider-value {
  padding: 0; }
.slider-editor .slider-value .input-group-text {
    padding: 4px 6px;
    font-size: 13px;
    height: 24px; }
.slick-row .detail-view-toggle {
  display: inline-block;
  cursor: pointer; }
.slick-row .detail-view-toggle.expand {
    display: inline-block;
    color: #71b0ce; }
.slick-row .detail-view-toggle.expand:hover {
      color: #4b9ac1; }
.slick-row .detail-view-toggle.expand:before {
      font-family: "FontAwesome";
      font-size: 16px;
      content: ""; }
.slick-row .detail-view-toggle.collapse {
    display: inline-block;
    color: #31708F; }
.slick-row .detail-view-toggle.collapse:hover {
      color: #245269; }
.slick-row .detail-view-toggle.collapse:before {
      font-family: "FontAwesome";
      font-size: 16px;
      content: ""; }
.slick-row .dynamic-cell-detail {
  position: absolute;
  width: 100%;
  overflow: auto;
  border: 1px solid #c0c0c0;
  background-color: #f7f7f7;
  padding: 10px;
  z-index: 1000; }
.slick-row .dynamic-cell-detail :first-child {
    vertical-align: middle;
    line-height: 13px; }
/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-color: #fff;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
}

.ms-choice > span.placeholder {
    color: #999;
}

.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    background: url('multiple-select.6412f99bb3bd07805112.png') left top no-repeat;
}

.ms-choice > div.open {
    background: url('multiple-select.6412f99bb3bd07805112.png') right top no-repeat;
}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.ms-drop.bottom {
    top: 100%;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    box-shadow: none;
    background: #fff url('multiple-select.6412f99bb3bd07805112.png') no-repeat 100% -22px;
    background: url('multiple-select.6412f99bb3bd07805112.png') no-repeat 100% -22px, linear-gradient(to top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}

/*
 * IMPORTANT:
 * In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
 * No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
 * classes should alter those!
 */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slickgrid-container {
  overflow: hidden;
  outline: 0;
  position: relative;
  box-sizing: content-box; }
.slickgrid-container .slick-group-header-columns {
    position: relative;
    white-space: nowrap;
    cursor: default;
    overflow: hidden; }
.slickgrid-container .slick-group-header {
    width: 100%;
    overflow: hidden;
    border-left: 0px; }
.slickgrid-container .slick-group-header-column.ui-state-default {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 4px; }
.slickgrid-container .slick-viewport,
  .slickgrid-container .slick-top-panel-scroller,
  .slickgrid-container .slick-header,
  .slickgrid-container .slick-headerrow,
  .slickgrid-container .slick-footerrow {
    position: relative;
    width: 100%;
    border: 1px solid fade(black, 3%);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-right-width: 0;
    border-bottom-width: 0;
    margin: 0;
    outline: 0; }
.slickgrid-container .slick-top-panel-scroller {
    overflow: hidden; }
.slickgrid-container .slick-pane {
    position: absolute;
    outline: 0;
    overflow: hidden;
    width: 100%; }
.slickgrid-container .slick-pane-header {
    display: block; }
.slickgrid-container .slick-viewport {
    overflow: auto; }
.slickgrid-container .slick-viewport ::-webkit-scrollbar {
      -webkit-appearance: none; }
.slickgrid-container .slick-viewport ::-webkit-scrollbar-thumb {
      border-radius: 4px;
      border: 2px solid white;
      /* should match background, can't be transparent */
      background-color: rgba(0, 0, 0, 0.5); }
.slickgrid-container .slick-header,
  .slickgrid-container .slick-headerrow,
  .slickgrid-container .slick-footerrow {
    overflow: hidden; }
.slickgrid-container .slick-headerrow {
    border-top-color: transparent;
    border-top-width: 0; }
.slickgrid-container .slick-top-panel,
  .slickgrid-container .slick-header-columns,
  .slickgrid-container .slick-headerrow-columns,
  .slickgrid-container .slick-footerrow-columns {
    position: relative;
    white-space: nowrap;
    cursor: default;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0; }
.slickgrid-container .slick-cell,
  .slickgrid-container .slick-header-column,
  .slickgrid-container .slick-headerrow-column,
  .slickgrid-container .slick-footerrow-column {
    position: absolute;
    top: 0;
    bottom: 0;
    border: 1px solid silver;
    border-top-color: transparent;
    border-left-color: transparent;
    border-top-width: 0;
    border-left-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    z-index: 1;
    white-space: nowrap;
    cursor: default; }
.slickgrid-container .slick-cell.slick-header-is-leaf,
    .slickgrid-container .slick-header-column.slick-header-is-leaf,
    .slickgrid-container .slick-headerrow-column.slick-header-is-leaf,
    .slickgrid-container .slick-footerrow-column.slick-header-is-leaf {
      border-bottom-color: transparent;
      border-bottom-width: 0; }
.slickgrid-container .slick-header-column.ui-state-default {
    position: relative;
    display: inline-block;
    box-sizing: content-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 4px;
    border-right: 1px solid fade(black, 3%);
    border-left: 0px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    float: left; }
.slickgrid-container .slick-cell {
    box-sizing: border-box;
    border-style: solid;
    padding: 1px 2px 1px 2px; }
.slickgrid-container .slick-header-column {
    padding: 4px 4px 4px 4px; }
.slickgrid-container .grid-canvas {
    position: relative;
    outline: 0; }
.slickgrid-container .slick-row {
    position: absolute;
    border: 0;
    width: 100%; }
.slickgrid-container .slick-header-column-sorted {
    font-style: italic; }
.slickgrid-container .slick-sort-indicator {
    display: inline-block;
    width: 8px;
    height: 5px;
    margin-left: 4px;
    margin-top: 6px;
    position: absolute;
    left: 0; }
.slickgrid-container .slick-sort-indicator-desc:before {
    content: "\f0d7"; }
.slickgrid-container .slick-sort-indicator-asc:before {
    content: "\f0d8"; }
.slickgrid-container .slick-header-sortable .slick-column-name {
    margin-left: 10px; }
.slickgrid-container .slick-header.ui-state-default {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.slickgrid-container .slick-column-name {
    text-overflow: ellipsis; }
.slickgrid-container .slick-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    cursor: col-resize;
    width: 4px;
    right: 0;
    top: 0;
    height: 100%; }
.slickgrid-container .slick-resizable-handle-hover {
    background-color: #ccc; }
.slickgrid-container .slick-sortable-placeholder {
    background: silver; }
.slickgrid-container .slick-group-toggle {
    display: inline-block; }
.slickgrid-container .slick-cell.highlighted {
    background: lightskyblue;
    background: rgba(0, 0, 255, 0.2);
    transition: all 0.5s; }
.slickgrid-container .slick-cell.flashing {
    border: 1px solid red !important; }
.slickgrid-container .slick-cell.editable {
    z-index: 11;
    overflow: visible;
    background: white;
    border-color: black;
    border-style: solid; }
.slickgrid-container .slick-cell:focus {
    outline: none; }
.slickgrid-container .slick-reorder-proxy {
    display: inline-block;
    background: blue;
    opacity: 0.15;
    cursor: move; }
.slickgrid-container .slick-reorder-guide {
    display: inline-block;
    height: 2px;
    background: blue;
    opacity: 0.7; }
.slickgrid-container .slick-selection {
    z-index: 10;
    position: absolute;
    border: 2px dashed black; }
.slickgrid-container .slick-pane {
    position: absolute;
    outline: 0;
    overflow: hidden;
    width: 100%; }
.flatpickr-wrapper {
  z-index: 10000; }
.interact-placeholder {
  background: red !important;
  display: inline-block;
  float: left;
  transform: translate(0px, -100%); }
.interact-drop-active {
  box-shadow: inset 0 0 8px rgba(7, 67, 128, 0.5); }
.interact-can-drop {
  opacity: .9; }
.scrollbar-fix::-webkit-scrollbar {
  -webkit-appearance: none; }
@charset "UTF-8";
/*
 * IMPORTANT:
 * In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
 * No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
 * classes should alter those!
 */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slickgrid-container {
  overflow: hidden;
  outline: 0;
  position: relative;
  box-sizing: content-box; }
.slickgrid-container .slick-group-header-columns {
    position: relative;
    white-space: nowrap;
    cursor: default;
    overflow: hidden; }
.slickgrid-container .slick-group-header {
    width: 100%;
    overflow: hidden;
    border-left: 0px; }
.slickgrid-container .slick-group-header-column.ui-state-default {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 4px; }
.slickgrid-container .slick-viewport,
  .slickgrid-container .slick-top-panel-scroller,
  .slickgrid-container .slick-header,
  .slickgrid-container .slick-headerrow,
  .slickgrid-container .slick-footerrow {
    position: relative;
    width: 100%;
    border: 1px solid fade(black, 3%);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-right-width: 0;
    border-bottom-width: 0;
    margin: 0;
    outline: 0; }
.slickgrid-container .slick-top-panel-scroller {
    overflow: hidden; }
.slickgrid-container .slick-pane {
    position: absolute;
    outline: 0;
    overflow: hidden;
    width: 100%; }
.slickgrid-container .slick-pane-header {
    display: block; }
.slickgrid-container .slick-viewport {
    overflow: auto; }
.slickgrid-container .slick-viewport ::-webkit-scrollbar {
      -webkit-appearance: none; }
.slickgrid-container .slick-viewport ::-webkit-scrollbar-thumb {
      border-radius: 4px;
      border: 2px solid white;
      /* should match background, can't be transparent */
      background-color: rgba(0, 0, 0, 0.5); }
.slickgrid-container .slick-header,
  .slickgrid-container .slick-headerrow,
  .slickgrid-container .slick-footerrow {
    overflow: hidden; }
.slickgrid-container .slick-headerrow {
    border-top-color: transparent;
    border-top-width: 0; }
.slickgrid-container .slick-top-panel,
  .slickgrid-container .slick-header-columns,
  .slickgrid-container .slick-headerrow-columns,
  .slickgrid-container .slick-footerrow-columns {
    position: relative;
    white-space: nowrap;
    cursor: default;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0; }
.slickgrid-container .slick-cell,
  .slickgrid-container .slick-header-column,
  .slickgrid-container .slick-headerrow-column,
  .slickgrid-container .slick-footerrow-column {
    position: absolute;
    top: 0;
    bottom: 0;
    border: 1px solid silver;
    border-top-color: transparent;
    border-left-color: transparent;
    border-top-width: 0;
    border-left-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    z-index: 1;
    white-space: nowrap;
    cursor: default; }
.slickgrid-container .slick-cell.slick-header-is-leaf,
    .slickgrid-container .slick-header-column.slick-header-is-leaf,
    .slickgrid-container .slick-headerrow-column.slick-header-is-leaf,
    .slickgrid-container .slick-footerrow-column.slick-header-is-leaf {
      border-bottom-color: transparent;
      border-bottom-width: 0; }
.slickgrid-container .slick-header-column.ui-state-default {
    position: relative;
    display: inline-block;
    box-sizing: content-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 4px;
    border-right: 1px solid fade(black, 3%);
    border-left: 0px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    float: left; }
.slickgrid-container .slick-cell {
    box-sizing: border-box;
    border-style: solid;
    padding: 1px 2px 1px 2px; }
.slickgrid-container .slick-header-column {
    padding: 4px 4px 4px 4px; }
.slickgrid-container .grid-canvas {
    position: relative;
    outline: 0; }
.slickgrid-container .slick-row {
    position: absolute;
    border: 0;
    width: 100%; }
.slickgrid-container .slick-header-column-sorted {
    font-style: italic; }
.slickgrid-container .slick-sort-indicator {
    display: inline-block;
    width: 8px;
    height: 5px;
    margin-left: 4px;
    margin-top: 6px;
    position: absolute;
    left: 0; }
.slickgrid-container .slick-sort-indicator-desc:before {
    content: "\f0d7"; }
.slickgrid-container .slick-sort-indicator-asc:before {
    content: "\f0d8"; }
.slickgrid-container .slick-header-sortable .slick-column-name {
    margin-left: 10px; }
.slickgrid-container .slick-header.ui-state-default {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.slickgrid-container .slick-column-name {
    text-overflow: ellipsis; }
.slickgrid-container .slick-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    cursor: col-resize;
    width: 4px;
    right: 0;
    top: 0;
    height: 100%; }
.slickgrid-container .slick-resizable-handle-hover {
    background-color: #ccc; }
.slickgrid-container .slick-sortable-placeholder {
    background: silver; }
.slickgrid-container .slick-group-toggle {
    display: inline-block; }
.slickgrid-container .slick-cell.highlighted {
    background: lightskyblue;
    background: rgba(0, 0, 255, 0.2);
    transition: all 0.5s; }
.slickgrid-container .slick-cell.flashing {
    border: 1px solid red !important; }
.slickgrid-container .slick-cell.editable {
    z-index: 11;
    overflow: visible;
    background: white;
    border-color: black;
    border-style: solid; }
.slickgrid-container .slick-cell:focus {
    outline: none; }
.slickgrid-container .slick-reorder-proxy {
    display: inline-block;
    background: blue;
    opacity: 0.15;
    cursor: move; }
.slickgrid-container .slick-reorder-guide {
    display: inline-block;
    height: 2px;
    background: blue;
    opacity: 0.7; }
.slickgrid-container .slick-selection {
    z-index: 10;
    position: absolute;
    border: 2px dashed black; }
.slickgrid-container .slick-pane {
    position: absolute;
    outline: 0;
    overflow: hidden;
    width: 100%; }
.flatpickr-wrapper {
  z-index: 10000; }
.interact-placeholder {
  background: red !important;
  display: inline-block;
  float: left;
  transform: translate(0px, -100%); }
.interact-drop-active {
  box-shadow: inset 0 0 8px rgba(7, 67, 128, 0.5); }
.interact-can-drop {
  opacity: .9; }
.scrollbar-fix::-webkit-scrollbar {
  -webkit-appearance: none; }
/* control variables */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slick-columnpicker {
  background-color: #f8f8f8;
  border: 1px solid #b8b8b8;
  border-radius: 3px;
  padding: 6px;
  box-shadow: 2px 2px 2px silver;
  min-width: 150px;
  cursor: default;
  position: absolute;
  z-index: 2000;
  overflow: auto;
  resize: both; }
.slick-columnpicker > .close {
    float: right;
    width: 20px;
    height: 25px;
    padding: 2px;
    background-color: 1px solid #9c9c9c;
    border: 0px solid #9c9c9c; }
.slick-columnpicker > .close > span {
      opacity: 0.9; }
.slick-columnpicker li {
    list-style: none;
    margin: 0;
    padding: 0;
    background: none; }
.slick-columnpicker li a {
      display: block;
      padding: 4px;
      font-weight: bold; }
.slick-columnpicker li a:hover {
        background-color: #ffffff; }
.slick-columnpicker li label {
      font-weight: normal; }
.slick-columnpicker li label input {
        margin: 4px; }
.slick-columnpicker .title {
    font-size: 16px;
    width: 60%;
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 10px; }
.slick-columnpicker-list > hr {
  margin: 6px 0;
  border: 0;
  border-top: 1px solid #d5d5d5; }
.slick-gridmenu {
  background-color: #fafafa;
  border: 1px solid #b8b8b8;
  border-radius: 3px;
  padding: 6px;
  box-shadow: 2px 2px 2px silver;
  min-width: 200px;
  cursor: default;
  position: absolute;
  z-index: 2000;
  overflow: auto;
  resize: both; }
.slick-gridmenu > .close {
    float: right;
    opacity: 0.5; }
.slick-gridmenu .title {
    font-size: 16px;
    width: calc(100% - 30px);
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 5px; }
.slick-gridmenu li {
    list-style: none;
    margin: 0;
    padding: 0;
    background: none; }
.slick-gridmenu li a {
      display: block;
      padding: 4px;
      font-weight: bold; }
.slick-gridmenu li a:hover {
        background-color: #ffffff; }
.slick-gridmenu li label {
      font-weight: normal; }
.slick-gridmenu li label input {
        margin: 4px; }
.slick-gridmenu input {
    margin: 4px; }
.slick-gridmenu-button {
  position: absolute;
  cursor: pointer;
  right: 0;
  padding: 0 2px;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  border: 0;
  margin-top: 5px;
  width: 22px;
  font-size: 14px; }
.slick-gridmenu-custom {
  margin-bottom: 10px; }
/* Menu items */
.slick-gridmenu-item {
  list-style: none;
  margin: 0;
  cursor: pointer;
  padding: 2px 4px;
  border: 1px solid transparent;
  border-radius: 3px; }
.slick-gridmenu-item:hover {
    border-color: silver;
    background: white; }
.slick-gridmenu-item.slick-gridmenu-item-divider {
    cursor: default;
    border: none;
    overflow: hidden;
    padding: 0;
    height: 1px;
    margin: 8px 3px;
    background-color: #e5e5e5; }
.slick-gridmenu-item-divider.slick-gridmenu-item:hover {
  background-color: #e5e5e5; }
.slick-gridmenu-item-disabled {
  border-color: transparent !important;
  background: inherit !important; }
.slick-gridmenu-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center center; }
.slick-gridmenu-content {
  display: inline-block;
  vertical-align: middle; }
.slick-gridmenu-list > hr {
  margin: 6px 0;
  border: 0;
  border-top: 1px solid #dddddd; }
/* Disabled */
.slick-gridmenu-item-disabled {
  color: silver; }
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slick-cell.active input.editor-text {
  border: initial;
  background: #ffffff;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 0;
  padding-top: 0;
  margin-left: -2px;
  margin-bottom: 2px;
  margin-right: 2px;
  margin-top: 2px; }
/* Long Text Editor */
.slick-large-editor-text {
  z-index: 10000;
  position: absolute;
  background: #ffffff;
  padding: 5px;
  border: 2px solid gray;
  border-radius: 8px; }
.slick-large-editor-text textarea {
  background: #ffffff;
  height: 80px;
  width: 250px;
  border: 0;
  outline: 0; }
.slick-large-editor-text .editor-footer {
  text-align: right; }
.slick-large-editor-text .editor-footer > button {
  margin-left: 2px; }
/* plugin variables */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.slick-column-name,
.slick-sort-indicator {
  /**
   * This makes all "float:right" elements after it that spill over to the next line
   * display way below the lower boundary of the column thus hiding them.
   */
  float: left;
  margin-bottom: 100px; }
.slick-header-button {
  /**
  * This makes all "float:right" elements after it that spill over to the next line
  * display way below the lower boundary of the column thus hiding them.
  */
  float: right;
  vertical-align: top;
  margin: 1px;
  margin-bottom: 100px;
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer; }
.slick-header-button-hidden {
  width: 0;
  margin-right: -8px;
  transition: 0.2s width; }
.slick-header-column:hover > .slick-header-button {
  width: 15px; }
.slick-header-menubutton {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  position: absolute;
  bottom: 0;
  right: 3px;
  top: 0;
  width: 14px; }
.slick-header-menubutton:before {
  font-family: "FontAwesome";
  font-size: 14px;
  content: "\f13a"; }
.slick-header-column:hover .slick-header-menubutton {
  display: inline-block; }
.slick-header-menu {
  position: absolute;
  margin: 0;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #BFBDBD;
  border-radius: 2px;
  min-width: 175px;
  padding: 4px;
  z-index: 100000;
  cursor: default;
  display: inline-block; }
.slick-header-menu button {
    border: 1px solid #BFBDBD;
    background-color: #ffffff;
    width: 45px;
    padding: 4px;
    margin: 4px 4px 4px 0; }
.slick-header-menu .filter {
    border: 1px solid #BFBDBD;
    font-size: 8pt;
    height: 400px;
    margin-top: 6px;
    overflow: scroll;
    padding: 4px;
    white-space: nowrap;
    width: 200px; }
.slick-header-menu .textfilter > label {
    display: inline-block;
    margin-left: 5px;
    margin-right: 10px; }
.slick-header-menu .textfilter > input[type=text] {
    width: 70%; }
.slick-header-menuitem {
  cursor: pointer;
  border: none;
  padding: 2px 4px;
  list-style: none outside none;
  margin: 0; }
.slick-header-menuitem.slick-header-menuitem-divider {
    cursor: default;
    border: none;
    overflow: hidden;
    padding: 0;
    height: 1px;
    margin: 8px 3px;
    background-color: #e5e5e5; }
.slick-header-menuitem-divider.slick-header-menuitem:hover {
  background-color: #e5e5e5; }
.slick-header-menuicon {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
  width: 16px;
  /* Font Awesome sorting icons are not aligned in middle, let's align them ourselves */ }
.slick-header-menuicon.fa-sort-asc {
    transform: translateY(3px); }
.slick-header-menuicon.fa-sort-desc {
    transform: translateY(-2px); }
.slick-header-menucontent {
  display: inline-block;
  vertical-align: middle; }
.slick-header-menuitem:hover {
  border-color: #BFBDBD;
  background-color: #f3f3f3; }
.slick-header-menuitem-disabled {
  border-color: transparent !important;
  background: inherit !important; }
/* Disabled */
.slick-header-menuitem-disabled {
  color: silver; }
.slick-cell.cell-reorder:before {
  font-family: "FontAwesome";
  font-size: 14px;
  content: ""; }
.slick-cell.cell-reorder {
  cursor: move; }
.slick-headerrow-column input[type=checkbox],
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox],
.slick-column-name input[type=checkbox],
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox],
.slick-cell-checkboxsel input[type=checkbox],
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] {
  display: none;
  /* to hide the checkbox itself */ }
.slick-headerrow-column input[type=checkbox],
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label,
.slick-column-name input[type=checkbox],
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label,
.slick-cell-checkboxsel input[type=checkbox],
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label {
  margin-left: 4px;
  margin-top: 3px; }
.slick-headerrow-column input[type=checkbox] + label:before,
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label:before,
.slick-column-name input[type=checkbox] + label:before,
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label:before,
.slick-cell-checkboxsel input[type=checkbox] + label:before,
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label:before {
  cursor: pointer;
  content: "";
  color: #31708F;
  display: inline-block;
  font-weight: bold;
  font-family: "FontAwesome";
  font-size: 13px;
  opacity: 0.15;
  /* unchecked icon */ }
.slick-headerrow-column input[type=checkbox] + label:hover:before,
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before,
.slick-column-name input[type=checkbox] + label:hover:before,
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before,
.slick-cell-checkboxsel input[type=checkbox] + label:hover:before,
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before {
  opacity: 0.35; }
.slick-headerrow-column input[type=checkbox]:checked + label:before,
.slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before,
.slick-column-name input[type=checkbox]:checked + label:before,
.slick-column-name #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before,
.slick-cell-checkboxsel input[type=checkbox]:checked + label:before,
.slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before {
  opacity: 1;
  /* checked icon */ }
.search-filter :focus {
  outline-color: #73b3e5; }
.ms-choice {
  border: 1px solid #ccc;
  background-color: transparent; }
.ms-choice span {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial; }
.ms-filter.search-filter {
  width: 100% !important; }
.ms-drop {
  max-width: 250px;
  border: 1px solid #bbb;
  z-index: 9999; }
.ms-drop input[type="checkbox"],
  .ms-drop input[type="radio"] {
    /* make input checkbox invisible but don't hide it since multiple-select uses hide for something else */
    opacity: 0;
    width: 0; }
.ms-drop input[type="checkbox"] + span:before,
    .ms-drop input[type="radio"] + span:before {
      cursor: pointer;
      color: #31708F;
      content: "";
      display: inline-block;
      font-family: "FontAwesome";
      font-size: 16px;
      font-weight: normal;
      width: 20px;
      opacity: 0.5; }
.ms-drop input[type="checkbox"]:checked + span:before,
    .ms-drop input[type="radio"]:checked + span:before {
      content: "";
      opacity: 1; }
.ms-drop input[type="radio"] + span:before {
    content: ""; }
.ms-drop input[type="radio"]:checked + span:before {
    content: ""; }
.ms-drop label {
    margin-bottom: 5px; }
.ms-drop label span {
      cursor: pointer;
      margin-left: 4px;
      position: relative;
      top: 1px; }
.ms-drop label:hover {
      cursor: pointer;
      background-color: #eff5fc; }
.ms-drop .ms-select-all {
    border-bottom: 1px solid #ddd; }
.ms-drop .ms-select-all label {
      font-weight: normal;
      padding: 5px 8px;
      color: #2a617c; }
.ms-drop .ms-select-all label:hover {
        color: #245269; }
.ms-drop .ms-ok-button {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    border: 1px solid #ccc;
    text-align: center;
    color: #31708F;
    font-weight: 600;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff; }
.ms-drop .ms-ok-button:hover {
      background-color: #e2edfa;
      color: #2a617c; }
.search-filter .operator.input-group-addon {
  margin: 0;
  padding: 0;
  min-width: 25px;
  border: none; }
.search-filter .operator.input-group-addon select.form-control {
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none; }
.search-filter .operator.input-group-addon select.form-control::-ms-expand {
    display: none; }
.search-filter .operator.input-group-addon select.form-control .empty {
    color: #c0c0c0; }
.search-filter .operator.input-group-addon .form-control {
    border-radius: 4px 0 0 4px;
    border-right: none;
    padding: 0 0 0 2px !important;
    font-size: 13px;
    color: #31708F;
    font-weight: bold;
    background-color: #e4eacf; }
.search-filter .operator-char3.input-group-addon {
  min-width: 30px; }
input.search-filter {
  font-family: "Segoe UI Symbol"; }
.search-filter input {
  font-family: "Segoe UI Symbol"; }
.input-group.flatpickr .flatpickr {
  flex: 1; }
.input-group.flatpickr .flatpickr .flatpickr-input.form-control {
    background-color: #f7f7f7;
    font-family: "Segoe UI Symbol";
    font-size: 14px;
    border-radius: 0 4px 4px 0; }
.slick-preheader-panel .ui-droppable, .slick-preheader-panel .ui-droppable-hover {
  padding: 5px 10px;
  height: 35px;
  border: 1px solid #e0e0e0 !important;
  width: calc(100% - 25px) !important;
  border-radius: 4px;
  background-color: #ffffff; }
.slick-preheader-panel .ui-droppable .slick-placeholder, .slick-preheader-panel .ui-droppable-hover .slick-placeholder {
    font-style: italic;
    color: #616161; }
.slick-preheader-panel .ui-droppable .slick-group-toggle-all, .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all {
    position: absolute;
    cursor: pointer;
    font-family: "FontAwesome";
    color: #31708F;
    display: none !important;
    top: 7px;
    right: 40px; }
.slick-preheader-panel .ui-droppable .slick-group-toggle-all.expanded:before, .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all.expanded:before {
      content: ""; }
.slick-preheader-panel .ui-droppable .slick-group-toggle-all.collapsed:before, .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all.collapsed:before {
      content: ""; }
.slick-preheader-panel .ui-droppable .slick-dropped-grouping, .slick-preheader-panel .ui-droppable-hover .slick-dropped-grouping {
    display: inline-block;
    vertical-align: middle;
    cursor: move; }
.slick-preheader-panel .ui-droppable .slick-groupby-remove, .slick-preheader-panel .ui-droppable-hover .slick-groupby-remove {
    cursor: pointer;
    display: inline-flex;
    color: pink;
    padding-left: 5px;
    padding-right: 7px;
    font-size: 16px; }
.slick-preheader-panel .ui-droppable .slick-groupby-remove:hover, .slick-preheader-panel .ui-droppable-hover .slick-groupby-remove:hover {
      color: red; }
.slick-preheader-panel .ui-droppable-active {
  background-color: #fafafa; }
.slick-preheader-panel .ui-droppable-hover {
  background-color: #ededed; }
.slick-header .slick-header-columns .slick-column-groupable {
  display: inline-block;
  font-weight: normal;
  color: #707070;
  width: 9px;
  height: 9px;
  margin-left: 4px; }
input.slider-editor-input[type=range],
input.slider-filter-input[type=range] {
  /*removes default webkit styles*/
  -webkit-appearance: none;
  height: 27px;
  padding: 0 6px;
  /* change runnable track color while in focus on all browsers */
  /* WebKit specific (Opera/Chrome/Safari) */
  /* Mozilla Firefox specific */
  /*fix for FF unable to apply focus style bug */
  border: 1px solid #ccc;
  /*hide the outline behind the border*/
  /* Microsoft IE specific */ }
input.slider-editor-input[type=range]:focus,
  input.slider-filter-input[type=range]:focus {
    outline: none; }
input.slider-editor-input[type=range]:focus::-webkit-slider-runnable-track,
    input.slider-filter-input[type=range]:focus::-webkit-slider-runnable-track {
      background: #ddd; }
input.slider-editor-input[type=range]:focus::-moz-range-track,
    input.slider-filter-input[type=range]:focus::-moz-range-track {
      background: #ddd; }
input.slider-editor-input[type=range]:focus::-ms-fill-lower,
    input.slider-filter-input[type=range]:focus::-ms-fill-lower {
      background: #aaa; }
input.slider-editor-input[type=range]:focus::-ms-fill-upper,
    input.slider-filter-input[type=range]:focus::-ms-fill-upper {
      background: #ddd; }
input.slider-editor-input[type=range]::-webkit-slider-runnable-track,
  input.slider-filter-input[type=range]::-webkit-slider-runnable-track {
    height: 4px;
    background: #eee;
    border: none;
    border-radius: 3px; }
input.slider-editor-input[type=range]::-webkit-slider-thumb,
  input.slider-filter-input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 1px solid #9bbc9f;
    background: #c9dbcb;
    margin-top: -4px; }
input.slider-editor-input[type=range]::-moz-range-track,
  input.slider-filter-input[type=range]::-moz-range-track {
    height: 4px;
    background: #eee;
    border: none;
    border-radius: 3px; }
input.slider-editor-input[type=range]::-moz-range-thumb,
  input.slider-filter-input[type=range]::-moz-range-thumb {
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 1px solid #9bbc9f;
    background: #c9dbcb; }
input.slider-editor-input[type=range]:-moz-focusring,
  input.slider-filter-input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px; }
input.slider-editor-input[type=range]::-ms-track,
  input.slider-filter-input[type=range]::-ms-track {
    height: 4px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent; }
input.slider-editor-input[type=range]::-ms-fill-lower,
  input.slider-filter-input[type=range]::-ms-fill-lower {
    background: #ddd;
    border-radius: 10px; }
input.slider-editor-input[type=range]::-ms-fill-upper,
  input.slider-filter-input[type=range]::-ms-fill-upper {
    background: #eee;
    border-radius: 10px; }
input.slider-editor-input[type=range]::-ms-thumb,
  input.slider-filter-input[type=range]::-ms-thumb {
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 1px solid #9bbc9f;
    background: #c9dbcb;
    margin-top: 1px; }
input.slider-editor-input[type=range]::-ms-tooltip,
  input.slider-filter-input[type=range]::-ms-tooltip {
    display: none; }
.search-filter .slider-value {
  padding: 0; }
.search-filter .slider-value .input-group-text {
    padding: 4px 8px;
    font-size: 13px; }
input.slider-filter-input[type=range] {
  padding: 0 6px;
  height: 27px; }
/* Slider Editor */
input.slider-editor-input[type=range] {
  padding: 0 6px;
  height: 24px; }
.slider-editor .slider-value {
  padding: 0; }
.slider-editor .slider-value .input-group-text {
    padding: 4px 6px;
    font-size: 13px;
    height: 24px; }
.slick-row .detail-view-toggle {
  display: inline-block;
  cursor: pointer; }
.slick-row .detail-view-toggle.expand {
    display: inline-block;
    color: #71b0ce; }
.slick-row .detail-view-toggle.expand:hover {
      color: #4b9ac1; }
.slick-row .detail-view-toggle.expand:before {
      font-family: "FontAwesome";
      font-size: 16px;
      content: ""; }
.slick-row .detail-view-toggle.collapse {
    display: inline-block;
    color: #31708F; }
.slick-row .detail-view-toggle.collapse:hover {
      color: #245269; }
.slick-row .detail-view-toggle.collapse:before {
      font-family: "FontAwesome";
      font-size: 16px;
      content: ""; }
.slick-row .dynamic-cell-detail {
  position: absolute;
  width: 100%;
  overflow: auto;
  border: 1px solid #c0c0c0;
  background-color: #f7f7f7;
  padding: 10px;
  z-index: 1000; }
.slick-row .dynamic-cell-detail :first-child {
    vertical-align: middle;
    line-height: 13px; }
/*
 * IMPORTANT:
 * In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
 * No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
 * classes should alter those!
 */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.pointer {
  cursor: pointer; }
.slickgrid-container .slick-header-columns,
.slickgrid-container .slick-header-column {
  background: rgba(255, 255, 255, 0.6); }
.slickgrid-container .slick-header-columns {
  /*border-bottom: 1px solid $grid-border-color;*/
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.1)); }
.slickgrid-container .slick-header-column {
  border-right: 1px solid fade(black, 3%);
  border-bottom: 1px solid fade(black, 3%); }
.slickgrid-container .slick-header-column:hover {
  background: rgba(250, 250, 250, 0.6); }
.slickgrid-container .slick-header-column-active {
  background: rgba(242, 242, 242, 0.6) !important; }
.slickgrid-container .slick-headerrow {
  background: rgba(255, 255, 255, 0.6); }
.slickgrid-container .slick-headerrow-column {
  background: #fafafa;
  border-bottom: 0; }
.slickgrid-container .grid-canvas {
  background: white; }
.slickgrid-container .slick-row {
  background: inherit;
  border: 0;
  line-height: 20px; }
.slickgrid-container .slick-row .slick-cell {
    background: inherit;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    box-sizing: border-box; }
.slickgrid-container .slick-row .slick-cell.invalid {
      border-color: red;
      -moz-animation-duration: 0.2s;
      -webkit-animation-duration: 0.2s;
      -moz-animation-name: slickgrid-invalid-hilite;
      -webkit-animation-name: slickgrid-invalid-hilite;
      animation-duration: 0.2s;
      animation-name: slickgrid-invalid-hilite; }
.slickgrid-container .slick-row .slick-cell.selected {
      background-color: #e7e7c3; }
.slickgrid-container .slick-row .slick-cell.active {
      border: 1px solid #aaaaaa;
      padding-top: 5px;
      padding-left: 7px; }
.slickgrid-container .slick-row .slick-cell.active input.editor-text {
        width: 100%;
        height: 100%;
        outline: 0;
        transform: translate(0, -2px); }
.slickgrid-container .slick-row.odd .slick-cell {
    background: #f7f7f7; }
.slickgrid-container .slick-row.odd .slick-cell.selected {
      background-color: #d6d6b2; }
.slickgrid-container .slick-row.active-row .slick-cell {
    background-color: #e2fffd; }
.slickgrid-container .slick-row.active-row .slick-cell.selected {
      background-color: red; }
.slickgrid-container .slick-row.active-row.odd .slick-cell {
    background-color: #f2f2f2; }
.slickgrid-container .slick-row.active-row.odd .slick-cell.selected {
      background-color: green; }
.slickgrid-container .slick-row.loading {
    opacity: 0.5; }
.slickgrid-container .slick-group {
  border-bottom: 2px solid silver; }
.slickgrid-container .slick-group-toggle {
  width: 9px;
  height: 9px;
  margin-right: 5px; }
.slickgrid-container .slick-group-toggle.expanded {
  background: none; }
.slickgrid-container .slick-group-toggle.collapsed {
  background: none; }
.slickgrid-container .slick-group-totals {
  color: gray;
  background: white; }
.slickgrid-container .slick-sortable-placeholder {
  background: silver !important; }
@keyframes slickgrid-invalid-hilite {
  from {
    box-shadow: 0 0 6px red; }
  to {
    box-shadow: none; } }
.slickgrid-container .header-overlay,
.slickgrid-container .cell-overlay,
.slickgrid-container .selection-cell-overlay {
  display: block;
  position: absolute;
  z-index: 999; }
.slickgrid-container .slick-cell > .editor-select {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  top: 0;
  bottom: 0;
  max-width: 100%;
  min-width: 0;
  margin: 0; }
.slickgrid-container .slick-range-decorator {
  z-index: 100;
  pointer-events: none;
  background: transparent;
  border: none;
  outline: black; }
/* pagination/pagination variables */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
/* Pagination styling */
.slick-pagination {
  border-top: 0 none;
  border-right: 1px solid #dddddd;
  border-bottom: 0 none;
  border-left: 0 none;
  width: 100%;
  height: 34px;
  padding-top: 4px;
  vertical-align: middle;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #808080; }
.slick-pagination .slick-pagination-status {
    display: inline-block;
    padding: 6px; }
.slick-pagination .ui-icon-container {
    display: inline-block;
    border-color: #ddd; }
.slick-pagination .slick-pagination-nav {
    display: inline-block;
    padding: 2px;
    height: 34px; }
.slick-pagination .slick-pagination-nav nav {
      display: inline-block; }
.slick-pagination .slick-pagination-nav .slick-page-number {
      vertical-align: top;
      margin-top: 6px;
      display: inline-block;
      padding: 0 5px; }
.slick-pagination .slick-pagination-nav .slick-page-number input {
        background-color: #fafbed;
        height: 26px;
        width: 44px;
        padding: 2px;
        display: inline-block; }
.slick-pagination .slick-pagination-nav .pagination {
      margin: 0; }
.slick-pagination .slick-pagination-nav .pagination .page-link {
        font-size: 13px;
        border: 1px solid #acacac;
        height: 32px; }
.slick-pagination .slick-pagination-nav .pagination .page-item {
        cursor: pointer; }
.slick-pagination .slick-pagination-nav .pagination .page-item a[class*="icon-seek-"] {
          border-color: 1px solid #acacac;
          color: #31708F;
          text-decoration: none;
          font-family: "FontAwesome";
          -webkit-text-stroke: 0.4px; }
.slick-pagination .slick-pagination-nav .pagination .page-item a[class*="icon-seek-"]:hover {
          background-color: #E6E6E6; }
.slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-first:before {
          content: ""; }
.slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-prev:before {
          content: ""; }
.slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-next:before {
          content: ""; }
.slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-end:before {
          content: ""; }
.slick-pagination .slick-pagination-nav .pagination .page-item.disabled {
        cursor: not-allowed;
        font-weight: normal; }
.slick-pagination .slick-pagination-nav .pagination .page-item.disabled a[class*="icon-seek-"] {
          color: #b8b8b8;
          background-color: #f9f9f9;
          border-color: #dedede; }
.slick-pagination .slick-pagination-settings {
    display: block;
    float: right;
    padding: 2px; }
.slick-pagination .slick-pagination-settings select {
      font-size: 12px;
      line-height: 1.5;
      height: 32px;
      width: 54px;
      padding: 0 0 2px 2px;
      border: 1px solid #acacac;
      border-radius: 3px; }
.slick-pagination .slick-pagination-settings .slick-pagination-count {
      margin-left: 2px; }
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.full-height {
  height: 100%; }
.gridPane {
  width: 100%; }
.grid-header {
  border: 1px solid gray;
  border-bottom: 0;
  border-top: 0;
  /*background: url('../images/header-bg.gif') repeat-x center top;*/
  color: black;
  height: 24px;
  line-height: 24px; }
.grid-header label {
  display: inline-block;
  font-weight: bold;
  margin: auto auto auto 6px; }
.grid-header .ui-icon {
  margin: 4px 4px auto 6px;
  background-color: transparent;
  border-color: transparent; }
.grid-header .ui-icon.ui-state-hover {
  background-color: white; }
.grid-header #txtSearch {
  margin: 0 4px 0 4px;
  padding: 2px 2px;
  border-radius: 2px;
  border: 1px solid silver; }
.options-panel {
  border-radius: 6px;
  border: 1px solid silver;
  background: #f0f0f0;
  padding: 4px;
  margin-bottom: 20px;
  width: 320px;
  position: absolute;
  top: 0px;
  left: 650px; }
/* Individual cell styles */
.slick-cell.task-name {
  font-weight: bold;
  text-align: right; }
.slick-cell.task-percent {
  text-align: right; }
.slick-cell.cell-move-handle {
  font-weight: bold;
  text-align: right;
  border-right: solid gray;
  background: #efefef;
  cursor: move; }
.cell-move-handle:hover {
  background: #b6b9bd; }
.slick-row.selected .cell-move-handle {
  background: #D5DC8D; }
.slick-row .cell-actions {
  text-align: left; }
.slick-row.complete {
  background-color: #DFD;
  color: #555; }
.percent-complete-bar {
  display: inline-block;
  height: 6px;
  border-radius: 3px;
  background-color: transparent; }
/* Slick.Editors.Text, Slick.Editors.Date */
.ui-datepicker-trigger {
  margin-top: 2px;
  padding: 0;
  vertical-align: top; }
/* Slick.Editors.PercentComplete */
input.editor-percentcomplete {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
  float: left; }
.editor-percentcomplete-picker {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 100%;
  /*background: url("../images/pencil.gif") no-repeat center center;*/
  overflow: visible;
  z-index: 1000;
  float: right; }
.editor-percentcomplete-helper {
  border: 0 solid gray;
  position: absolute;
  top: -2px;
  left: -9px;
  /*background: url("../images/editor-helper-bg.gif") no-repeat top left;*/
  padding-left: 9px;
  width: 120px;
  height: 140px;
  display: none;
  overflow: visible; }
.editor-percentcomplete-wrapper {
  background: beige;
  padding: 20px 8px;
  width: 100%;
  height: 98px;
  border: 1px solid gray;
  border-left: 0; }
.editor-percentcomplete-buttons {
  float: right; }
.editor-percentcomplete-buttons button {
  width: 80px; }
.editor-percentcomplete-slider {
  float: left; }
.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
  display: block; }
.editor-percentcomplete-helper:hover {
  display: block; }
/* Slick.Editors.YesNoSelect */
select.editor-yesno {
  width: 100%;
  margin: 0;
  vertical-align: middle; }
/* Slick.Editors.Checkbox */
input.editor-checkbox {
  margin: 0;
  height: 100%;
  padding: 0;
  border: 0; }
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* Mixins for SlickGrid */
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
@keyframes highlight-fade {
  to {
    background: #c8ddea; }
  from {
    background: none; } }
.slickgrid-container {
  border-top: 0 none;
  border-bottom: 1px solid #dddddd;
  border-left: 0 none;
  border-right: 1px solid #dddddd;
  position: relative;
  /** Frozen/Pinned styling */ }
.slickgrid-container input[type="checkbox"] {
    vertical-align: baseline;
    margin: 0; }
.slickgrid-container .slick-viewport {
    border-top: 0 none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 1px solid #dddddd; }
.slickgrid-container .ui-state-default {
    border: 0; }
.slickgrid-container .grid-canvas .slick-row {
    position: absolute;
    width: 100%; }
.slickgrid-container .grid-canvas .slick-row:hover {
      background-color: #eff5fc; }
.slickgrid-container .grid-canvas .slick-row.active {
      padding: 2px 2px; }
.slickgrid-container .grid-canvas .slick-row.highlight {
      background-color: #c8ddea;
      animation: highlight-fade 1.5s ease 1; }
.slickgrid-container .grid-canvas .slick-row.highlight .slick-cell.copied {
        background: rgba(0, 0, 255, 0.2);
        transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-row.highlight.odd {
        background-color: #c8ddea;
        animation: highlight-fade 1.5s ease 1; }
.slickgrid-container .grid-canvas .slick-row.highlight.odd .slick-cell.copied {
        background: rgba(0, 0, 255, 0.2);
        transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-row.highlighter {
      background: orange !important;
      transition-property: background;
      transition-duration: 3s;
      transition-timing-function: ease-in; }
.slickgrid-container .grid-canvas .slick-row.copied {
      background: rgba(0, 0, 255, 0.2);
      transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-row.odd {
      background: #f7f7f7; }
.slickgrid-container .grid-canvas .slick-row.odd:hover {
        background-color: #eff5fc; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell {
      background: inherit; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell.selected {
        background-color: #dae8f1; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell.copied {
        background: rgba(0, 0, 255, 0.2);
        transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell {
      background: inherit; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell.selected {
        background-color: #dae8f1; }
.slickgrid-container .grid-canvas .slick-row.odd .slick-cell.copied {
        background: rgba(0, 0, 255, 0.2);
        transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-row.slick-group-totals {
      color: gray;
      background: #fff; }
.slickgrid-container .grid-canvas .slick-row.slick-group-totals .slick-cell {
        font-size: 14px; }
.slickgrid-container .grid-canvas .slick-cell, .slickgrid-container .grid-canvas .slick-headerrow-column {
    border-top: 1px solid #dddddd;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 1px solid #dddddd; }
.slickgrid-container .grid-canvas .even {
    background: #ffffff; }
.slickgrid-container .grid-canvas .slick-cell {
    padding: 2px 2px;
    font-size: 14px; }
.slickgrid-container .grid-canvas .slick-cell td {
      font-size: 14px; }
body .slickgrid-container .grid-canvas .slick-cell {
      line-height: 20px; }
.slickgrid-container .grid-canvas .slick-cell a, .slickgrid-container .grid-canvas .slick-cell a:visited, .slickgrid-container .grid-canvas .slick-cell .ui-widget-content a, .slickgrid-container .grid-canvas .slick-cell .ui-widget-content a:visited {
      color: #08c; }
.slickgrid-container .grid-canvas .slick-cell a:hover, .slickgrid-container .grid-canvas .slick-cell .ui-widget-content a:hover {
      color: darker(#08c, 15%);
      border-bottom: none; }
.slickgrid-container .grid-canvas .slick-cell table {
      height: 100%;
      border: 0 none;
      padding: 0;
      background: none; }
.slickgrid-container .grid-canvas .slick-cell td {
      border: 1px solid #d0d0d0;
      padding: 0;
      vertical-align: middle;
      text-align: left; }
.slickgrid-container .grid-canvas .slick-cell.selected {
      background-color: #dae8f1; }
.slickgrid-container .grid-canvas .slick-cell.copied {
      background: rgba(0, 0, 255, 0.2);
      transition: 0.5s background; }
.slickgrid-container .grid-canvas .slick-cell select:not([multiple]).form-control {
      height: 100%;
      padding: 0; }
.slickgrid-container .grid-canvas .slick-cell .slick-group-toggle {
      color: #31708F;
      font-weight: bold;
      width: 14px;
      height: 20px;
      margin-right: 2px;
      cursor: pointer; }
.slickgrid-container .grid-canvas .slick-cell .slick-group-toggle.expanded:before {
        content: "";
        font-family: "FontAwesome";
        font-size: 18px; }
.slickgrid-container .grid-canvas .slick-cell .slick-group-toggle.collapsed:before {
        content: "";
        font-family: "FontAwesome";
        font-size: 18px; }
.slickgrid-container .slick-header {
    border-top: 0 none;
    border-right: 1px solid #dddddd;
    border-bottom: 0 none;
    border-left: 0 none;
    width: 100%;
    box-shadow: none !important; }
.slickgrid-container .slick-headerrow {
    border-bottom: 0 none;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 1px solid #dddddd; }
.slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column {
      border: none;
      padding: 4px;
      background: #ffffff; }
.slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column input,
    .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column select,
    .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column textarea {
      margin-right: 0;
      padding: 0 6px;
      width: none;
      height: 27px;
      box-sizing: border-box; }
.slickgrid-container .slick-preheader-panel.ui-state-default .slick-header-column {
    border-left: none !important;
    font-size: 16px !important; }
.slickgrid-container .slick-header-columns {
    background: transparent;
    width: calc(100% - 16px); }
.slickgrid-container .slick-header-columns .slick-header-sortable .slick-column-name {
      margin-left: 0; }
.slickgrid-container .slick-header-columns .slick-header-column {
      height: 34px;
      line-height: 14px;
      margin: 0;
      border-top: 0 none;
      border-right: 1px solid #dddddd;
      border-bottom: 0 none;
      border-left: 0 none;
      white-space: normal;
      /* like TH  */
      background: transparent;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: #000000;
      font-weight: bold; }
.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default {
        padding: 2px 2px;
        font-size: 14px; }
.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default td {
          font-size: 14px; }
body .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default {
          /*line-height: 20px; */}
.slickgrid-container .slick-header-columns .slick-header-column a, .slickgrid-container .slick-header-columns .slick-header-column a:visited {
        color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column a:hover {
        color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default {
        /* like TH  */
        background: transparent;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: #000000;
        font-weight: bold; }
.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a, .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a:visited {
          color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a:hover {
          color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column.slick-header-column-sorted {
        font-style: normal;
        color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column:hover {
        color: #333; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator {
        background: none;
        font-family: "FontAwesome";
        font-size: 14px;
        position: absolute;
        display: inline-block;
        color: #4c80be;
        width: 8px;
        height: 5px;
        left: auto;
        right: 10px;
        top: 15px; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 10px;
        position: absolute;
        display: inline-block;
        color: #4c80be;
        width: 8px;
        left: auto;
        right: 0px;
        top: 26px; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-asc:before {
        content: ""; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-desc:before {
        content: ""; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-resizable-handle {
        width: 7px;
        right: 0px;
        z-index: 1; }
.slickgrid-container .slick-header-columns .slick-header-column .slick-resizable-handle:hover {
        border-right: 1px solid #d0d0d0;
        right: 0; }
.slickgrid-container .slick-row .slick-cell.frozen:last-child,
  .slickgrid-container .slick-headerrow-column.frozen:last-child,
  .slickgrid-container .slick-footerrow-column.frozen:last-child {
    border-right: 1px solid #a5a5a5; }
.slickgrid-container .slick-pane-bottom {
    border-top: 1px solid #a5a5a5; }
.slickgrid-container .slick-viewport-bottom.slick-viewport-right {
    overflow-y: scroll !important; }
/*!
 * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid)
 * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE)
 * @author: Ghislain B. (ghiscoding)
 */
/*!

/* SlickGrid Bootstrap variables */
/* Used by slick-bootstrap.scss */
/* Slickgrid container, including headers but excluding pagination */
/* grid */
/* cell */
/* row */
/* Pre-Header - Header Grouping colspan */
/* header */
/* Frozen pinned rows/columns */
/* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */
/* AutoComplete */
/* Sorting */
/* Grouping Totals Formatter */
/* Column picker */
/** Detail View Plugin */
/* Excel copy plugin */
/* Grid Menu - hamburger menu */
/* Header Menu Plugin */
/* Checkbox Selector / Row Selection */
/* Editors */
/* negative number to cancel inside padding */
/* Compound Filters */
/* Draggable Grouping Plugin */
/* Input Range Filter */
/* ms only */
/* ms only */
/* Multiple-Select Filter */
/* pagination variables */
/* Row Move Manager Plugin */
/* selector plugin */
/* Viewport */
.ui-autocomplete {
  position: absolute;
  z-index: 1000;
  padding: 0;
  margin-top: 2px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  max-height: 25vh;
  min-height: 75px;
  min-width: 50px;
  overflow-y: auto; }
.ui-autocomplete li div {
    clear: both;
    display: block;
    color: #333333;
    padding: 3px 15px;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap; }
.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  cursor: pointer;
  text-decoration: none;
  color: #262626;
  background-color: #e2edfa; }
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  padding: 0;
  width: 1px; }
/* .bs-datepicker */
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0 10px 0 #aaa;
  position: relative;
  z-index: 1;
  /* button */
  /* .bs-datepicker-head */
  /* .bs-datepicker-body */
  /* .current-timedate */
  /* .bs-datepicker-multiple */
  /* .bs-datepicker-btns */
  /*.bs-datepicker-custom-range */
  /* .bs-datepicker-predefined-btns */
  /* .bs-datepicker-buttons */ }
.bs-datepicker:after {
    clear: both;
    content: '';
    display: block; }
.bs-datepicker bs-day-picker {
    float: left; }
.bs-datepicker button:hover,
  .bs-datepicker button:focus,
  .bs-datepicker button:active,
  .bs-datepicker input:hover,
  .bs-datepicker input:focus,
  .bs-datepicker input:active,
  .bs-datepicker-btns button:hover,
  .bs-datepicker-btns button:focus,
  .bs-datepicker-btns button:active,
  .bs-datepicker-predefined-btns button:active,
  .bs-datepicker-predefined-btns button:focus {
    outline: none; }
.bs-datepicker-head {
    min-width: 270px;
    height: 50px;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    text-align: justify;
    /* .bs-datepicker-head button */ }
.bs-datepicker-head:after {
      content: "";
      display: inline-block;
      vertical-align: top;
      width: 100%; }
.bs-datepicker-head button {
      display: inline-block;
      vertical-align: top;
      padding: 0;
      height: 30px;
      line-height: 30px;
      border: 0;
      background: transparent;
      text-align: center;
      cursor: pointer;
      color: #fff;
      transition: 0.3s; }
.bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active {
        background: rgba(221, 221, 221, 0.3);
        color: #f5f5f5;
        cursor: not-allowed; }
.bs-datepicker-head button.next, .bs-datepicker-head button.previous {
        border-radius: 50%;
        width: 30px;
        height: 30px; }
.bs-datepicker-head button.next span, .bs-datepicker-head button.previous span {
          font-size: 28px;
          line-height: 1;
          display: inline-block;
          position: relative;
          height: 100%;
          width: 100%;
          border-radius: 50%; }
.bs-datepicker-head button.current {
        border-radius: 15px;
        max-width: 155px;
        padding: 0 13px; }
.bs-datepicker-head button:hover {
    background-color: rgba(0, 0, 0, 0.1); }
.bs-datepicker-head button:active {
    background-color: rgba(0, 0, 0, 0.2); }
.bs-datepicker-body {
    padding: 10px;
    border-radius: 0 0 3px 3px;
    min-height: 232px;
    min-width: 278px;
    border: 1px solid #e9edf0;
    /* .bs-datepicker-body table */ }
.bs-datepicker-body .days.weeks {
      position: relative;
      z-index: 1; }
.bs-datepicker-body table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      /* .bs-datepicker-body table.days */
      /* .bs-datepicker-body table.weeks */ }
.bs-datepicker-body table th {
        font-size: 13px;
        color: #9aaec1;
        font-weight: 400;
        text-align: center; }
.bs-datepicker-body table td {
        color: #54708b;
        text-align: center;
        position: relative;
        padding: 0; }
.bs-datepicker-body table td span {
          display: block;
          margin: 0 auto;
          font-size: 13px;
          border-radius: 50%;
          position: relative;
          /*z-index: 1;*/
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none; }
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
          cursor: pointer; }
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
        .bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
          background-color: #e9edf0;
          transition: 0s; }
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
        .bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
          background-color: #e9edf0;
          transition: 0s;
          cursor: pointer; }
.bs-datepicker-body table td span.disabled,
        .bs-datepicker-body table td.disabled span {
          color: #9aaec1; }
.bs-datepicker-body table td span.selected,
        .bs-datepicker-body table td.selected span {
          color: #fff; }
.bs-datepicker-body table td span.is-other-month,
        .bs-datepicker-body table td.is-other-month span {
          color: rgba(0, 0, 0, 0.25); }
.bs-datepicker-body table td.active {
          position: relative; }
.bs-datepicker-body table td.active.select-start:before {
            left: 35%; }
.bs-datepicker-body table td.active.select-end:before {
            left: -85%; }
.bs-datepicker-body table td span.active.select-start:after,
        .bs-datepicker-body table td span.active.select-end:after,
        .bs-datepicker-body table td.active.select-start span:after,
        .bs-datepicker-body table td.active.select-end span:after {
          content: "";
          display: block;
          position: absolute;
          z-index: -1;
          width: 100%;
          height: 100%;
          transition: 0.3s;
          top: 0;
          border-radius: 50%; }
.bs-datepicker-body table td:before,
        .bs-datepicker-body table td span:before {
          content: "";
          display: block;
          position: absolute;
          z-index: -1;
          top: 6px;
          bottom: 6px;
          left: -2px;
          right: -2px;
          box-sizing: content-box;
          background: transparent; }
.bs-datepicker-body table td.active.select-start + td.active:before {
          left: -20%; }
.bs-datepicker-body table td:last-child.active:before {
          border-radius: 0 3px 3px 0;
          width: 125%;
          left: -25%; }
.bs-datepicker-body table td span[class*="select-"],
        .bs-datepicker-body table td[class*="select-"] span {
          border-radius: 50%;
          color: #fff; }
.bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before,
      .bs-datepicker-body table.days span.active:not(.select-start):before,
      .bs-datepicker-body table.days span.in-range:not(.select-start):before {
        background: #e9edf0; }
.bs-datepicker-body table.days span {
        width: 32px;
        height: 32px;
        line-height: 32px; }
.bs-datepicker-body table.days span.select-start {
          z-index: 2; }
.bs-datepicker-body table.days span.is-highlighted.in-range:before, .bs-datepicker-body table.days span.in-range.select-end:before {
          background: none;
          right: 0;
          left: 0; }
.bs-datepicker-body table.days td.select-start + td.select-end:before,
      .bs-datepicker-body table.days td.select-start + td.is-highlighted:before,
      .bs-datepicker-body table.days td.active + td.is-highlighted:before,
      .bs-datepicker-body table.days td.active + td.select-end:before,
      .bs-datepicker-body table.days td.in-range + td.is-highlighted:before,
      .bs-datepicker-body table.days td.in-range + td.select-end:before {
        background: #e9edf0;
        width: 100%; }
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
        border-radius: 3px 0 0 3px;
        left: 0;
        width: 100%; }
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
        border-radius: 3px 0 0 3px; }
.bs-datepicker-body table.years td span {
        width: 46px;
        height: 46px;
        line-height: 45px;
        margin: 0 auto; }
.bs-datepicker-body table.years tr:not(:last-child) td span {
        margin-bottom: 8px; }
.bs-datepicker-body table.months td {
        height: 52px; }
.bs-datepicker-body table.months td span {
          padding: 6px;
          border-radius: 15px; }
.bs-datepicker .current-timedate {
    color: #54708b;
    font-size: 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    border: 1px solid #e9edf0;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
.bs-datepicker .current-timedate span:not(:empty):before {
      content: "";
      width: 15px;
      height: 16px;
      display: inline-block;
      margin-right: 4px;
      vertical-align: text-bottom;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC); }
.bs-datepicker-multiple {
    border-radius: 4px 0 0 4px; }
.bs-datepicker-multiple + .bs-datepicker-multiple {
      margin-left: 10px; }
.bs-datepicker-multiple .bs-datepicker {
      box-shadow: none;
      position: relative; }
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
        padding-right: 10px; }
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
        content: "";
        display: block;
        width: 14px;
        height: 10px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
        position: absolute;
        top: 25px;
        left: -8px; }
.bs-datepicker-multiple .bs-datepicker .left {
        float: left; }
.bs-datepicker-multiple .bs-datepicker .right {
        float: right; }
.bs-datepicker-container {
    padding: 15px; }
.bs-datepicker .bs-media-container {
    display: flex; }
@media (max-width: 768px) {
      .bs-datepicker .bs-media-container {
        flex-direction: column; } }
.bs-datepicker-custom-range {
    padding: 15px;
    background: #eee; }
.bs-datepicker-predefined-btns button {
    width: 100%;
    display: block;
    height: 30px;
    background-color: #9aaec1;
    border-radius: 4px;
    color: #fff;
    border: 0;
    margin-bottom: 10px;
    padding: 0 18px;
    text-align: left;
    transition: 0.3s; }
.bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:hover {
      background-color: #54708b; }
.bs-datepicker-buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid #e9edf0; }
.bs-datepicker-buttons .btn-default {
      margin-left: 10px; }
/* .bs-timepicker */
.bs-timepicker-container {
  padding: 10px 0; }
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px; }
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
.bs-timepicker-controls button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 0;
    background-color: #e9edf0;
    color: #54708b;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    line-height: 0;
    padding: 0;
    transition: 0.3s; }
.bs-timepicker-controls button:hover {
      background-color: #d5dadd; }
.bs-timepicker-controls input {
    width: 35px;
    height: 25px;
    border-radius: 13px;
    text-align: center;
    border: 1px solid #e9edf0; }
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: #fff;
  color: #54708b;
  font-size: 13px; }
.bs-timepicker .switch-time-format img {
    vertical-align: initial;
    margin-left: 4px; }
bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080; }
/* screen size < 1024px */
@media (max-width: 768px) {
  .bs-datepicker-multiple {
    display: flex; }
    .bs-datepicker-multiple + .bs-datepicker-multiple {
      margin-top: 10px;
      margin-left: 0; } }
/* theming */
.theme-default .bs-datepicker-head {
  background-color: #777; }
.theme-default .bs-datepicker-body table td span.selected,
.theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*="select-"]:after,
.theme-default .bs-datepicker-body table td[class*="select-"] span:after {
  background-color: #777; }
.theme-default .bs-datepicker-body table td.week span {
  color: #777; }
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s; }
.theme-green .bs-datepicker-head {
  background-color: #5cb85c; }
.theme-green .bs-datepicker-body table td span.selected,
.theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*="select-"]:after,
.theme-green .bs-datepicker-body table td[class*="select-"] span:after {
  background-color: #5cb85c; }
.theme-green .bs-datepicker-body table td.week span {
  color: #5cb85c; }
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5cb85c;
  color: #fff;
  opacity: 0.5;
  transition: 0s; }
.theme-blue .bs-datepicker-head {
  background-color: #5bc0de; }
.theme-blue .bs-datepicker-body table td span.selected,
.theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*="select-"]:after,
.theme-blue .bs-datepicker-body table td[class*="select-"] span:after {
  background-color: #5bc0de; }
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de; }
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s; }
.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7; }
.theme-dark-blue .bs-datepicker-body table td span.selected,
.theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*="select-"]:after,
.theme-dark-blue .bs-datepicker-body table td[class*="select-"] span:after {
  background-color: #337ab7; }
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7; }
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s; }
.theme-red .bs-datepicker-head {
  background-color: #d9534f; }
.theme-red .bs-datepicker-body table td span.selected,
.theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*="select-"]:after,
.theme-red .bs-datepicker-body table td[class*="select-"] span:after {
  background-color: #d9534f; }
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f; }
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s; }
.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e; }
.theme-orange .bs-datepicker-body table td span.selected,
.theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*="select-"]:after,
.theme-orange .bs-datepicker-body table td[class*="select-"] span:after {
  background-color: #f0ad4e; }
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e; }
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s; }
/* Layout
------------ */

.d3-context-menu {
	position: absolute;
	min-width: 150px;
	z-index: 1200;
}

.d3-context-menu ul,
.d3-context-menu ul li {
	margin: 0;
	padding: 0;
}

.d3-context-menu ul {
	list-style-type: none;
	cursor: default;
}

.d3-context-menu ul li {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
	-moz-user-select: none;      /* Firefox */       /* Internet Explorer/Edge */
	user-select: none;
}

/*
	Disabled
*/

.d3-context-menu ul li.is-disabled,
.d3-context-menu ul li.is-disabled:hover {
	cursor: not-allowed;
}

/*
	Divider
*/

.d3-context-menu ul li.is-divider {
	padding: 0;
}

/* Theming
------------ */

.d3-context-menu-theme {
	background-color: #f2f2f2;
	border-radius: 4px;

	font-family: Arial, sans-serif;
	font-size: 14px;
	border: 1px solid #d4d4d4;
}

.d3-context-menu-theme ul {
	margin: 4px 0;
}

.d3-context-menu-theme ul li {
	padding: 4px 16px;
}

.d3-context-menu-theme ul li:hover {
	background-color: #4677f8;
	color: #fefefe;
}

/*
	Header
*/

.d3-context-menu-theme ul li.is-header,
.d3-context-menu-theme ul li.is-header:hover {
	background-color: #f2f2f2;
	color: #444;
	font-weight: bold;
	font-style: italic;
}

/*
	Disabled
*/

.d3-context-menu-theme ul li.is-disabled,
.d3-context-menu-theme ul li.is-disabled:hover {
	background-color: #f2f2f2;
	color: #888;
}

/*
	Divider
*/

.d3-context-menu-theme ul li.is-divider:hover {
	background-color: #f2f2f2;
}

.d3-context-menu-theme ul hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/*
	Nested Menu
*/

.d3-context-menu-theme ul li.is-parent:after {
	border-left: 7px solid transparent;
	border-top: 7px solid red;
	content: "";
	height: 0;
	position: absolute;
	right: 8px;
	top: 35%;
	transform: rotate(45deg);
	width: 0;
}

.d3-context-menu-theme ul li.is-parent {
	padding-right: 20px;
	position: relative;
}

.d3-context-menu-theme ul.is-children {
	background-color: #f2f2f2;
	border: 1px solid #d4d4d4;
	color: black;
	display: none;
	left: 100%;
	margin: -5px 0;
	padding: 4px 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.d3-context-menu-theme li.is-parent:hover > ul.is-children {
	display: block;
}


/* You can add global styles to this file, and also import other style files */
/* #GOOGLE FONT */
.arrord-wrap, .jarviswidget{margin:0;}
.smart-accordion-default .panel-default > .panel-heading{color: #333;background-color:#f5f5f5;border-color: #ddd;}
.jarviswidget .widget-body{min-height:0;}
.smart-accordion-default.panel-group .panel + .panel:last-child {border-bottom: 1px solid #ccc;}
.e-info th{background:#f9f9f9;}
.dataTables_wrapper{border:1px solid #ddd;padding-top: 1px;}
.text-right{text-align:right;}
.drop-wrap label{ padding:0px 0 0; margin: 0; line-height: 20px;}
.select-box{display:block; height: 32px; padding: 0 8px;overflow: hidden; position: relative; border: 1px solid #ccc; white-space: nowrap; line-height: 32px;
color: #444;text-decoration: none; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;background-color: #fff;}
.box-grid{border: 1px solid #ccc; padding: 4px 4px 0; color: #333;}
.no-brd-right{ border-right:0px;}
.no-brd-top{border-top: 0px; padding-top: 15px;}
.box-grid h5{ padding-left:12px;font-size: 14px;}
.custom-scroll{border: 1px solid #ccc;}
.input2{padding:7px; border: 1px solid #ccc; position:relative;}
label{ margin-bottom: 0; padding-right: 7px;}
.tab-content{ padding-top:10px;}
.tab-content label{ padding-bottom: 5px;}
.smart-ship section{ margin: 0;}
.test{ padding: 15px;}
.smart-ship fieldset{ padding-left: 0 !important;}
.mb10{ margin-bottom: 10px;}
.shiptype{padding: 0;font-weight:700; font-size:14px;}
.calendar-ico{position: absolute; left: 202px; top: 12px;z-index: 1;}
.nopad{padding:0;}
.radio input[type=radio], .radio-inline input[type=radio]{ width: 20px !important; height: 20px !important;}
.w-100{width:50%;}
.w-50{width:100%;}
.red {color: red !important;}
.green {color: mediumseagreen !important;}
.blue {color: blue !important;}
.gray { color: lightgray !important;}
.input-mandatory {font-size: 20px;position: absolute; color: #F1575A; text-shadow: 0 0 0px #F1575A; margin-left: 3px;top:-5px;}
#map {
    width: 100%;
      height: 655px;
  }
#legend {
    position:fixed;
    top:80px;
    right:90px;
    margin: 10px;
    padding: 5px;
    border-radius: 5px;
    z-index: 9999;
    font-size: 1em;
    font-family: sans-serif;
    width: 165px;
    background: rgba(255,255,255);
  }
.legend-class {
  margin-right: 0px !important;
  margin-top: 20px !important;
}
.modal-body {padding:5px;}
.modal-header{padding: 4px 15px;}
.modal-footer{padding: 5px 20px;}
@media only screen and (max-width:1440px) {
  #legend {right:85px !important;}
  .legend-class {margin-right:0px !important; margin-top: -5px !important;}
}
@media only screen and (max-width:1366px) {
  #legend {right:6% !important; top:115px !important;}
  .legend-class {margin-right: 130px !important;margin-top: -58px !important;}
}
@media only screen and (max-width:1280px) {.legend-class {margin-right: 120px !important;margin-top: -59px !important;}}
@media only screen and (max-width:1152px) {.legend-class {margin-right: 100px !important;}}
@media only screen and (max-width:1024px) {
#legend {top: 125px !important; right: 7% !important;}
.legend-class {margin-right:70px !important; margin-top: -69px !important;}
}
.legendheading {
    position: relative;
    height: 25px;
    padding: 0px 0px 0px 0px;
    font-size: larger;
    font-weight: bold;
  }
.legenditem, .legenditems {
    padding: 2px;
    margin-bottom: 2px;
  }
#legend .legendheading {
    text-align: center;
  }
/*Marker clusters*/
.marker-cluster-pie g.arc{
    fill-opacity: 0.5;
  }
.marker-cluster-pie-label {
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif;
  }
/*Markers*/
.marker {
    width: 18px;
    height: 18px;
    border-width: 2px;
    border-radius:10px;
    margin-top: -10px;
    margin-left: -10px;
    border-style: solid;
    fill: #CCC;
    stroke: #444;
    background: #CCC;
    border-color: #444;
  }
.marker div{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: sans-serif;
  }
/*marker categories*/
.category-1{
    fill: #F88;
    stroke: #800;
    background: #F88;
    border-color: #800;
  }
.category-2{
    fill: #FA0;
    stroke: #B60;
    background: #FA0;
    border-color: #B60;
  }
.category-3{
    fill: #FF3;
    stroke: #D80;
    background: #FF3;
    border-color: #D80;
  }
.category-4{
    fill: #BFB;
    stroke: #070;
    background: #BFB;
    border-color: #070;
  }
.category-5{
    fill: #9DF;
    stroke: #007;
    background: #9DF;
    border-color: #007;
  }
.category-6{
    fill: #CCC;
    stroke: #444;
    background: #CCC;
    border-color: #444;
  }
.category-7{
    fill: #16F316;
    stroke: #444;
    background: #16F316;
    border-color: #444;
  }
.category-8{
    fill: #A896F0;
    stroke: #444;
    background: #A896F0;
    border-color: #444;
  }
.category-9{
    fill: #bfa2a2;
    stroke: #444;
    background: #bfa2a2;
    border-color: #444;
  }
.category-10{
    fill: #ccd2c1;
    stroke: #444;
    background: #ccd2c1;
    border-color: #444;
  }
.category-11{
    fill: #EA5DEA;
    stroke: #444;
    background: #EA5DEA;
    border-color: #444;
  }
.category-12{
    fill: #c2c1dd;
    stroke: #444;
    background: #c2c1dd;
    border-color: #444;
  }
.category-13{
    fill: #CB5C3A;
    stroke: #444;
    background: #CB5C3A;
    border-color: #444;
  }
.category-14{
    fill: #646D7E;
    stroke: #4863A0;
    background: #646D7E;
    border-color: #4863A0;
  }
.category-15{
    fill: #659EC7;
    stroke: #306EFF;
    background: #659EC7;
    border-color: #306EFF;
  }
.category-16{
    fill: #617C58;
    stroke: #667C26;
    background: #617C58;
    border-color: #667C26;
  }
.category-17{
    fill: #4CC552;
    stroke: #5EFB6E;
    background: #4CC552;
    border-color: #5EFB6E;
  }
.category-18{
    fill: #FFF380;
    stroke: #FFFF00;
    background: #FFF380;
    border-color: #FFFF00;
  }
.category-19{
    fill: #F3E5AB;
    stroke: #FAEBD7;
    background: #F3E5AB;
    border-color: #FAEBD7;
  }
.category-20{
    fill: #FFA62F;
    stroke: #C9BE62;
    background: #FFA62F;
    border-color: #C9BE62;
  }
.category-21{
    fill: #C9BE62;
    stroke: #6F4E37;
    background: #C9BE62;
    border-color: #6F4E37;
  }
.category-22{
    fill: #F87217;
    stroke: #E67451;
    background: #F87217;
    border-color: #E67451;
  }
.category-23{
    fill: #FF2400;
    stroke: #C24641;
    background: #FF2400;
    border-color: #C24641;
  }
.category-24{
    fill: #810541;
    stroke: #7F525D;
    background: #810541;
    border-color: #7F525D;
  }
.category-25{
    fill: #614051;
    stroke: #8E35EF;
    background: #614051;
    border-color: #8E35EF;
  }
.category-26{
    fill: #8E35EF;
    stroke: #B048B5;
    background: #8E35EF;
    border-color: #B048B5;
  }
.category-27{
    fill: #6A287E;
    stroke: #A74AC7;
    background: #6A287E;
    border-color: #A74AC7;
  }
.modal-content.scroll-modal {max-height:calc(100vh - 100px); overflow: auto;}
.modal-content.scroll-modal-map {max-height:calc(100vh - 100px); overflow: hidden;}
.modal-dialog.modal-lg.setScroll { position: fixed; height:580px !important; width: 100%; }
.height580{height: 580px !important; overflow:auto !important}
.vh70{height:50vh;}
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
  }
.btnrow{border: 1px solid #d5d6d8;
    font-weight: bold;
    margin-top:5px;
    background-color: #F2F2F2;
   width: 100%; padding: 5px;
   padding-left: 10px;
  }
.verifytxt {position: relative; margin-top: 0;top: -10px;}
.verifytxt1 {position: relative;margin-top: 0;top: -16px;left: -10px;}
.fa-ico{font-size:14px;}
.padrt5{ padding-right: 5px;}
/*Popup*/
.map-popup span.heading {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
  }
.map-popup span.attribute {
    display: block;
  }
.map-popup span.label {
    font-weight: bold;
  }
_:-ms-fullscreen, :root .model-popin {margin:29px 23px 0 39px; }
_:-ms-fullscreen, :root .model-trace{margin:0px 39px 0 39px}
.rts-group-heading {
    font-weight: 600;
    color: #7e8d85;
    font-size: 13px;
    float: left;
    width: 100%;
    margin-bottom: 8px;
    border-bottom: 1px solid #7e8d85
}
.rts-group-heading1 {
  font-weight: 600;
  color: #7e8d85;
  font-size: 13px;
  float: left;
  width: 100%;
  margin-bottom: 2px;
  /* border-bottom: 1px solid #7e8d85 */
}
.prefix-text i{position:relative; top:0px; text-decoration: underline;color: #3276b1;left:15px;}
.prefix-text-intable i{position:relative; top:0px; text-decoration: underline;left:15px;cursor: pointer;color: #3276b1}
.mapmarker {font-size:27px;cursor: pointer; padding-left: 5px; }
.select-column {font-size: 14px; padding-top: 5px;}
.mrt{margin-right:7px !important;}
.bordernone {border-right: none !important}
.dateicon{position: absolute;right: 1px; top: 2px;padding:8px 23px 9px 9px; border:0;}
.int-100{width:100% !important; padding:0;height:34px;}
/*.slickgrid-container .slick-header-columns .slick-header-column.ui-state-default{font-family: "Open Sans",Arial,Helvetica,sans-serif;
  color:#000000;  font-size:12px;}
.slick-pane.slick-pane-top { top: 24px !important;}
.slick-header-column { height: 20px !important;}
body .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default, body .slickgrid-container .grid-canvas .slick-cell {text-indent:10px; color:#333;}

.ui-widget-content, .fa, .fa-folder{text-indent: 0;}
.slick-cell{font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important;font-size: 13px !important;}
.slick-headerrow-column input[type=checkbox] + label:before, .slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label:before, .slick-column-name input[type=checkbox] + label:before, .slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label:before, .slick-cell-checkboxsel input[type=checkbox] + label:before, .slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label:before{margin-left:-20px;}
*/
/*****************Date Picker************/
@media (min-width: 992px)
 {.modal-lg { width: 95%;}}
@CHARSET "ISO-8859-1";
.bootom-margin-5px  {
  margin-bottom: 5px;
}
.white-space-pre {
  white-space: pre;
  border: none;
  background-color: white;
  padding: 0px;
  margin: 0px;
}
.reset-this {
  animation : none;
  animation-delay : 0;
  animation-direction : normal;
  animation-duration : 0;
  animation-fill-mode : none;
  animation-iteration-count : 1;
  animation-name : none;
  animation-play-state : running;
  animation-timing-function : ease;
  backface-visibility : visible;
  background : 0;
  background-attachment : scroll;
  background-clip : border-box;
  background-color : transparent;
  background-image : none;
  background-origin : padding-box;
  background-position : 0 0;
  background-position-x : 0;
  background-position-y : 0;
  background-repeat : repeat;
  background-size : auto auto;
  border : 0;
  border-style : none;
  border-width : medium;
  border-color : inherit;
  border-bottom : 0;
  border-bottom-color : inherit;
  border-bottom-left-radius : 0;
  border-bottom-right-radius : 0;
  border-bottom-style : none;
  border-bottom-width : medium;
  border-collapse : separate;
  -o-border-image : none;
     border-image : none;
  border-left : 0;
  border-left-color : inherit;
  border-left-style : none;
  border-left-width : medium;
  border-radius : 0;
  border-right : 0;
  border-right-color : inherit;
  border-right-style : none;
  border-right-width : medium;
  border-spacing : 0;
  border-top : 0;
  border-top-color : inherit;
  border-top-left-radius : 0;
  border-top-right-radius : 0;
  border-top-style : none;
  border-top-width : medium;
  bottom : auto;
  box-shadow : none;
  box-sizing : content-box;
  caption-side : top;
  clear : none;
  clip : auto;
  color : inherit;
  -moz-columns : auto;
       columns : auto;
  -moz-column-count : auto;
       column-count : auto;
  -moz-column-fill : balance;
       column-fill : balance;
  -moz-column-gap : normal;
       column-gap : normal;
  -moz-column-rule : medium none currentColor;
       column-rule : medium none currentColor;
  -moz-column-rule-color : currentColor;
       column-rule-color : currentColor;
  -moz-column-rule-style : none;
       column-rule-style : none;
  -moz-column-rule-width : none;
       column-rule-width : none;
  -moz-column-span : 1;
       column-span : 1;
  -moz-column-width : auto;
       column-width : auto;
  content : normal;
  counter-increment : none;
  counter-reset : none;
  cursor : auto;
  direction : ltr;
  display : inline;
  empty-cells : show;
  float : none;
  font : normal;
  font-family : inherit;
  font-size : medium;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  height : auto;
  -webkit-hyphens : none;
          hyphens : none;
  left : auto;
  letter-spacing : normal;
  line-height : normal;
  list-style : none;
  list-style-image : none;
  list-style-position : outside;
  list-style-type : disc;
  margin : 0;
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  margin-top : 0;
  max-height : none;
  max-width : none;
  min-height : 0;
  min-width : 0;
  opacity : 1;
  orphans : 0;
  outline : 0;
  outline-color : invert;
  outline-style : none;
  outline-width : medium;
  overflow : visible;
  overflow-x : visible;
  overflow-y : visible;
  padding : 0;
  padding-bottom : 0;
  padding-left : 0;
  padding-right : 0;
  padding-top : 0;
  page-break-after : auto;
  page-break-before : auto;
  page-break-inside : auto;
  perspective : none;
  perspective-origin : 50% 50%;
  position : static;
  /* May need to alter quotes for different locales (e.g fr) */
  quotes : '\201C' '\201D' '\2018' '\2019';
  right : auto;
  -moz-tab-size : 8;
    -o-tab-size : 8;
       tab-size : 8;
  table-layout : auto;
  text-align : inherit;
  -moz-text-align-last : auto;
       text-align-last : auto;
  text-decoration : none;
  -webkit-text-decoration-color : inherit;
          text-decoration-color : inherit;
  -webkit-text-decoration-line : none;
          text-decoration-line : none;
  -webkit-text-decoration-style : solid;
          text-decoration-style : solid;
  text-indent : 0;
  text-shadow : none;
  text-transform : none;
  top : auto;
  transform : none;
  transform-style : flat;
  transition : none;
  transition-delay : 0s;
  transition-duration : 0s;
  transition-property : none;
  transition-timing-function : ease;
  unicode-bidi : normal;
  vertical-align : baseline;
  visibility : visible;
  white-space : normal;
  widows : 0;
  width : auto;
  word-spacing : normal;
  z-index : auto;
  /* basic modern patch */
  all: initial;
  all: unset;
}
.label {
  font-size:100%;
}
.onoffswitch-switch {
  right:40px;
}
.onoffswitch {
  width: 60px;
}
/* .widget-toolbar {
  line-height: 32px;
} */
.onoffswitch-container {
  margin-top: 0px;
}
.smart-style-rfx .onoffswitch-inner:before {
  background: #29bf89;
  border-color: #058d59 #058d59 #058d59;
}
.small-font{
  font-size: 80%;
}
.rightshift  {
  margin: 0 4px 0 20px!important;
}
.slickgrid-container .slick-headerrow {
  display: none;
}
.searchable-grid .slickgrid-container .slick-headerrow {
  display: block !important;
}
.slickgrid-container .grid-canvas .slick-cell .slick-group-toggle {
  height: auto;
}
.in-line-edit {
  border-bottom: dashed 1px #08c;
  cursor: pointer;
  color:#000;
}
.rts-text-ellipsis-100px {
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.rts-break-word-100px {
  max-width: 100px;
  word-break: break-all;
}
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}
.bs-callout+.bs-callout {
  margin-top: -5px;
}
.bs-callout-default {
  border-left-color: #777;
}
.bs-callout-default h4 {
  color: #777;
}
.bs-callout-primary {
  border-left-color: #428bca;
}
.bs-callout-primary h4 {
  color: #428bca;
}
.bs-callout-success {
  border-left-color: #5cb85c;
}
.bs-callout-success h4 {
  color: #5cb85c;
}
.bs-callout-danger {
  border-left-color: #d9534f;
}
.bs-callout-danger h4 {
  color: #d9534f;
}
.bs-callout-warning {
  border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
  color: #f0ad4e;
}
.bs-callout-info {
  border-left-color: #5bc0de;
}
.bs-callout-info h4 {
  color: #5bc0de;
}
#traceItemLink {
  word-break: break-all;
}
@media screen and (max-width:1920px) {
  bs-daterangepicker-container {
    margin-right: 100px !important;
  }
}
@media screen and (max-width:1680px) {
  bs-daterangepicker-container {
    margin-right: 187px !important;
  }
}
@media screen and (max-width:1600px) {
  bs-daterangepicker-container {
    margin-right: 220px !important;
  }
}
@media screen and (max-width:1366px) {
  bs-daterangepicker-container {
    margin-right: 287px !important;
  }
}
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#D0021B}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}