.gs-24 .grid-stack-item {
	 width: 4.167%;
}
 .gs-24 .grid-stack-item[gs-x="1"] {
	 left: 4.167%;
}
 .gs-24 .grid-stack-item[gs-w="2"] {
	 width: 8.333%;
}
 .gs-24 .grid-stack-item[gs-x="2"] {
	 left: 8.333%;
}
 .gs-24 .grid-stack-item[gs-w="3"] {
	 width: 12.5%;
}
 .gs-24 .grid-stack-item[gs-x="3"] {
	 left: 12.5%;
}
 .gs-24 .grid-stack-item[gs-w="4"] {
	 width: 16.667%;
}
 .gs-24 .grid-stack-item[gs-x="4"] {
	 left: 16.667%;
}
 .gs-24 .grid-stack-item[gs-w="5"] {
	 width: 20.833%;
}
 .gs-24 .grid-stack-item[gs-x="5"] {
	 left: 20.833%;
}
 .gs-24 .grid-stack-item[gs-w="6"] {
	 width: 25%;
}
 .gs-24 .grid-stack-item[gs-x="6"] {
	 left: 25%;
}
 .gs-24 .grid-stack-item[gs-w="7"] {
	 width: 29.167%;
}
 .gs-24 .grid-stack-item[gs-x="7"] {
	 left: 29.167%;
}
 .gs-24 .grid-stack-item[gs-w="8"] {
	 width: 33.333%;
}
 .gs-24 .grid-stack-item[gs-x="8"] {
	 left: 33.333%;
}
 .gs-24 .grid-stack-item[gs-w="9"] {
	 width: 37.5%;
}
 .gs-24 .grid-stack-item[gs-x="9"] {
	 left: 37.5%;
}
 .gs-24 .grid-stack-item[gs-w="10"] {
	 width: 41.667%;
}
 .gs-24 .grid-stack-item[gs-x="10"] {
	 left: 41.667%;
}
 .gs-24 .grid-stack-item[gs-w="11"] {
	 width: 45.833%;
}
 .gs-24 .grid-stack-item[gs-x="11"] {
	 left: 45.833%;
}
 .gs-24 .grid-stack-item[gs-w="12"] {
	 width: 50%;
}
 .gs-24 .grid-stack-item[gs-x="12"] {
	 left: 50%;
}
 .gs-24 .grid-stack-item[gs-w="13"] {
	 width: 54.167%;
}
 .gs-24 .grid-stack-item[gs-x="13"] {
	 left: 54.167%;
}
 .gs-24 .grid-stack-item[gs-w="14"] {
	 width: 58.333%;
}
 .gs-24 .grid-stack-item[gs-x="14"] {
	 left: 58.333%;
}
 .gs-24 .grid-stack-item[gs-w="15"] {
	 width: 62.5%;
}
 .gs-24 .grid-stack-item[gs-x="15"] {
	 left: 62.5%;
}
 .gs-24 .grid-stack-item[gs-w="16"] {
	 width: 66.667%;
}
 .gs-24 .grid-stack-item[gs-x="16"] {
	 left: 66.667%;
}
 .gs-24 .grid-stack-item[gs-w="17"] {
	 width: 70.833%;
}
 .gs-24 .grid-stack-item[gs-x="17"] {
	 left: 70.833%;
}
 .gs-24 .grid-stack-item[gs-w="18"] {
	 width: 75%;
}
 .gs-24 .grid-stack-item[gs-x="18"] {
	 left: 75%;
}
 .gs-24 .grid-stack-item[gs-w="19"] {
	 width: 79.167%;
}
 .gs-24 .grid-stack-item[gs-x="19"] {
	 left: 79.167%;
}
 .gs-24 .grid-stack-item[gs-w="20"] {
	 width: 83.333%;
}
 .gs-24 .grid-stack-item[gs-x="20"] {
	 left: 83.333%;
}
 .gs-24 .grid-stack-item[gs-w="21"] {
	 width: 87.5%;
}
 .gs-24 .grid-stack-item[gs-x="21"] {
	 left: 87.5%;
}
 .gs-24 .grid-stack-item[gs-w="22"] {
	 width: 91.667%;
}
 .gs-24 .grid-stack-item[gs-x="22"] {
	 left: 91.667%;
}
 .gs-24 .grid-stack-item[gs-w="23"] {
	 width: 95.833%;
}
 .gs-24 .grid-stack-item[gs-x="23"] {
	 left: 95.833%;
}
 .gs-24 .grid-stack-item[gs-w="24"] {
	 width: 100%;
}
 .grid-stack .ui-resizable-handle {
	 background-image: url(/assets/caret-dd23b1ca0989cebcdc6a28a858f90d766a637673686c1707a3705d98671f8ca5.svg) !important;
	 background-size: contain !important;
	 background-repeat: no-repeat !important;
	 background-position: center !important;
	 width: 12px !important;
	 height: 12px !important;
	 z-index: 1000 !important;
	 opacity: 0.7 !important;
	 filter: brightness(0) invert(1) !important;
	 background-color: rgba(255, 255, 255, 0.1) !important;
	 border-radius: 2px !important;
}
 .grid-stack .ui-resizable-handle:hover {
	 opacity: 1 !important;
	 background-color: rgba(255, 255, 255, 0.2) !important;
}
 .grid-stack .ui-resizable-handle.ui-resizable-se {
	 rotate: 90deg;
	 right: 2px !important;
	 bottom: 2px !important;
}
 .grid-stack .ui-resizable-handle.ui-resizable-sw {
	 rotate: 90deg;
	 left: 2px !important;
	 bottom: 2px !important;
}
/* Table */

table.datagrid-table {
  background-color: transparent;
  border-collapse: collapse;
  max-width: 100%;
}

table.datagrid-table th {
  background-color: #eee;
  text-align: left;
  vertical-align: top;
}

table.datagrid-table td,
table.datagrid-table th {
  border: 1px solid #d6d6d6;
  padding: 5px 10px;
}

.datagrid-order-control-asc,
.datagrid-order-control-desc {
  text-decoration: none;
  font-weight: normal;
}

.datagrid-order-active-asc,
.datagrid-order-active-desc {
  background-color: #fff7d5;
}

.datagrid-order-active-asc a.datagrid-order-control-asc,
.datagrid-order-active-desc a.datagrid-order-control-desc {
  font-weight: bold;
  color: #d00;
}

.datagrid-no-results {
  text-align: center;
}

/* Form */

.datagrid-form {
  background-color: #f0f0f0;
  border-radius: 5px;
  padding: 20px;
}

.datagrid-filter {
  margin: 10px;
}

.datagrid-filter label {
  width: 150px;
  display: inline-block;
}

.datagrid-filter input, .datagrid-filter select {
  border: 2px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 12px;
  width: 300px;
}

input.datagrid-range-from, input.datagrid-range-to {
  width: 138px;
}

.datagrid-filter select[multiple] {
  border: 2px solid #ccc;
  border-radius: 5px;
  height: 100px;
}

select.datagrid-dynamic-field {
  width: 228px
}

select.datagrid-dynamic-operation {
  margin-left: 7px;
  width: 60px;
}

.datagrid-dynamic-value {
  margin: 10px 0 0 154px;
}

.datagrid-range-separator {
  display: inline-block;
  margin: 6px 4px 0;
}

.datagrid-enum-checkboxes {
  display: inline-block;
}

.datagrid-enum-checkboxes input {
  margin: 7px;
  width: auto;
}

.datagrid-enum-checkboxes label {
  display: block;
  width: 100%;
}

.datagrid-actions {
  padding-left: calc(150px + 10px);
}

.datagrid-submit {
  background-color: #555;
  border: none;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  padding: 7px 15px;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.datagrid-submit:hover,
.datagrid-submit:focus {
  background-color: #333;
}

.datagrid-submit:active {
  background-color: #000;
}

.datagrid-reset {
  font-size: 14px;
  padding: 7px 15px;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



*/