/* 
 * This file is generated from examples/example-bootstrap.less.
 * Do not edit the .css file, instead, edit the .less file and
 * recompile it!
 */
/* Needs to import variables.less for font size and colors.
 * The following values will be used:

@baseFontSize:          14px;
@tableBorder:           #ddd; // table and cell border
@linkColor:             #08c;
@tableBackgroundAccent: #f9f9f9; // for striping
@grayDark:              #333;
@textColor:             @grayDark;
@navbarLinkColorHover:  @grayDark;

*/
/* Mixins for SlickGrid */
/* Used from variables.less:
 *
 * @baseFontSize (unless, font size is passed as an option)
 * @tableBorder
 * @linkColor
 * @tableBackgroundAccent
 * @textColor
 * @navbarLinkColorHover
 *
 * This means that if you have an updated variable.less, the grid will
 * follow your changes.
 *
 * Example usage:
 *
 * 
    @import "variables.less";
    @import "../bootstrap/slickgrid.less";

    .grid {
        // Set dimensions
        height: 380px;  // for 10 rows x 35px
        width: 800px;

        // Apply all grid styles
        .SlickGrid();

        // Add a bottom border to the grid.
        border-bottom: 1px solid @tableBorder;
    }

 *
 */
.grid {
  height: 380px;
  width: 100%;
  position: relative;
}
.grid .ui-widget-content {
	background: none;
}
.grid input[type="checkbox"] {
  vertical-align: baseline;
  margin: 0;
}
.grid .slick-viewport {
}
.grid .grid-canvas {
  /* XXX ... needed ? */

}
.grid .grid-canvas .slick-row {
  border: 0 none;
  position: absolute;
  width: 100%;
}
.grid .grid-canvas .slick-row.active .slick-cell,
.hover-grid .slick-row:hover .slick-cell {
  background-color: #eee;
}

.grid .grid-canvas .slick-row .slick-cell.selected,
.grid .grid-canvas .slick-row.active .slick-cell.disabled.active,
.grid .grid-canvas .slick-row .slick-cell.disabled.selected  {
  border: 1px dashed;
}

.grid .grid-canvas .slick-cell,
.grid .grid-canvas .slick-headerrow-column {
  border-top: 0;
  border-bottom: 1px solid #dddddd;
  border-left: 0;
  border-right: 1px dotted silver;
}
.grid .grid-canvas .even {
  background: #f9f9f9;
}
.grid .grid-canvas .slick-cell {
  padding: 5px 7.5834px;
}
.grid .grid-canvas .slick-cell td {
}
body .grid .grid-canvas .slick-cell {
}
.grid .grid-canvas .slick-cell a,
.grid .grid-canvas .slick-cell a:visited,
.grid .grid-canvas .slick-cell .ui-widget-content a,
.grid .grid-canvas .slick-cell .ui-widget-content a:visited {
  color: #0088cc;
  text-decoration: none;
}
.grid .grid-canvas .slick-cell a:hover,
.grid .grid-canvas .slick-cell .ui-widget-content a:hover {
  color: #005580;
  text-decoration: none;
  border-bottom: none;
}
.grid .grid-canvas .slick-cell table {
  height: 100%;
  border: 0 none;
  padding: 0;
  background: none;
}
.grid .grid-canvas .slick-cell td {
  border: 0 none;
  padding: 0;
  vertical-align: middle;
  text-align: left;
}
.grid .slick-header {
  border-top: 0;
  border-bottom: 0;
}

.grid .slick-header-columns .slick-header-column {
  height: 20px;
  line-height: 14px;
  margin: 0;
  border: 0;
  /* like TH  */
  
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #333333;
  margin-right: -1px;
}

.grid .slick-header-columns .slick-header-column:first-child {
  border-left: none;
}

.grid .slick-header-columns .slick-header-column.ui-state-default {
}
.grid .slick-header-columns .slick-header-column.ui-state-hover {
	background-color: #dedede;
}
.grid .slick-header-columns .slick-header-column.ui-state-default td {
}
body .grid .slick-header-columns .slick-header-column.ui-state-default {
  line-height: 20px;
}
.grid .slick-header-columns .slick-header-column a,
.grid .slick-header-columns .slick-header-column a:visited {
  color: #333333;
}
.grid .slick-header-columns .slick-header-column a:hover {
  color: #333333;
}
.grid .slick-header-columns .slick-header-column.ui-state-default {
  /* like TH  */
  color: #333333;
}
.grid .slick-header-columns .slick-header-column.ui-state-default a,
.grid .slick-header-columns .slick-header-column.ui-state-default a:visited {
  color: #333333;
}
.grid .slick-header-columns .slick-header-column.ui-state-default a:hover {
  color: #333333;
}
.grid .slick-header-columns .slick-header-column.slick-header-column-sorted {
  font-style: normal;
  color: #333333;
}
.grid .slick-header-columns .slick-header-column:hover {
  color: #333333;
}

.slick-sort-indicator {
	position: absolute;
	top: 5px;
	left: 0px;
}

.grid .slick-header-columns .slick-header-column .slick-sort-indicator-asc {
  vertical-align: middle;
}
.grid .slick-header-columns .slick-header-column .slick-sort-indicator-desc {
  vertical-align: middle;
}
.grid-col {
  padding: 35px;
}
.info-col {
  padding: 20px;
}

.slick-cell.disabled, .grid .grid-canvas .slick-row.active .slick-cell.disabled {
	background-color: #eee;
}


.slick-cell .lookup-select {
	margin-right: 23px;
}

.slick-cell .btn {
	margin-top: 3px;
}

.hover-grid .slick-row:hover .slick-cell { 
	cursor: pointer;
}
.slick-cell input.input-block-level {
	padding: 0 2px;
	min-height: 20px;
	position: relative;
	top: -2px;
}

.slick-cell .select2-container {
	position: relative;
	top: -3px;
}

.slick-cell .btn-lookup-form {
	position: relative;
	top: -5px;
}

.slick-cell .select2-container .select2-choice {
	font-size: 12px;
	line-height: 13px;
	height: 13px;
	padding: 3px;
}

.grid .grid-canvas .slick-cell .select2-container a:hover {
	border-bottom: 1px solid #aaa;
}

.slick-column-name {
	padding-left: 10px;
}

.slick-cell > .fileupload {
    display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.slick-cell > .fileupload > .fileupload-value {
    width: auto;
	overflow: auto;
	flex: 1;
	text-overflow: ellipsis;
}
.slick-cell > .fileupload > .btn {
    margin-top: 0;
    width: 5px;
    height: 5px;
    display: flex;
    flex: 0;
    justify-content: center;
    align-items: center;
}