.shorty .row {
  max-height: 100px;
  overflow: hidden;
}

.toolbar {
  display: flex;
  justify-content: flex-end;
}
.toolbar button {
  margin: 0 0 0 1.5rem;
}

.wkElement {
  background: white;
  width: 100%;
}

.sortable {
  background: #fff;
  overflow-x: hidden;
  padding: 0;
  position: relative;
}
.sortable .dragContainer {
  cursor: move;
  position: relative;
}
.sortable .dragContainer[data-width=full] {
  cursor: inherit;
}
.sortable.move .onClickNewKitElement {
  display: none;
}
.sortable.move > .row {
  border-bottom: 1px solid #ddd;
}
.sortable.move .actions {
  display: none;
}
.sortable li {
  cursor: pointer !important;
}
.sortable > .row {
  list-style: none;
}
.sortable > .row:hover {
  /*border-color: blue;*/
}
.sortable > .row .dragHandler {
  background: #f5f5f5;
  cursor: n-resize;
  min-height: 2rem;
  padding-bottom: 0.5rem;
  text-align: right;
  width: 100%;
}
.sortable > .row .dragHandler i.fas.fa-arrows-alt-v {
  color: #c3c4c4;
  float: left;
  font-size: 20px;
  left: 15px;
  position: relative;
  top: 12px;
}
.sortable > .row .dragHandler button {
  height: 35px;
  line-height: 35px;
  margin: 5px 15px 0 0;
  padding: 0 10px;
}
.sortable > .row .dragHandler button.onClickHideWeb {
  padding: 2px 10px;
}
.sortable .dragContainer .actions {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}
.sortable .dragContainer .actions .btn-group {
  height: 34px;
  margin-top: 30px;
  visibility: hidden;
}
.sortable .dragContainer:hover .actions .btn-group {
  visibility: visible;
}
.sortable .dragContainer .web * {
  pointer-events: none;
}
.sortable .row {
  background: #fff;
  border-top: 1px solid #ddd;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}
.sortable .row img {
  width: 100%;
}

.noDropTarget .ui-state-highlight {
  display: none !important;
}
.noDropTarget .onClickNewKitElement {
  display: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
  border: none;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
  text-shadow: inherit;
}

html form .ui-state-highlight {
  background: #C1E7FA;
  border-color: #008DB2;
}

.ui-sortable-helper .wkElement {
  opacity: 0.8;
}

.isOffice .hideOffice, .isOffice .showOffice {
  display: none;
}
.isOffice .dragContainer > i.fa.fa-eye {
  display: none;
}

html .col-sm-3 {
  width: 25% !important;
}

html .col-sm-4 {
  width: 33.3333% !important;
}

html .col-sm-6 {
  width: 50% !important;
}

html .col-sm-8 {
  width: 66.6666% !important;
}

html .col-cs-12 {
  width: 100% !important;
}

.isCentral .dragContainer .showOffice,
.isCentral .dragContainer .hideOffice {
  display: none;
}
.isCentral .dragContainer[data-width="1"] .hideOffice {
  display: block;
}
.isCentral .dragContainer[data-width="1"] > .fa.fa-eye {
  color: #51a351;
  font-size: 12px;
  left: 15px;
  position: absolute;
  top: 4px;
  z-index: 1;
}
.isCentral .dragContainer[data-width="2"] > .fa.fa-eye, .isCentral .dragContainer[data-width="3"] > .fa.fa-eye, .isCentral .dragContainer[data-width=full] > .fa.fa-eye {
  display: none;
}
.isCentral .dragContainer.hideOffice > .fa.fa-eye {
  color: #c3c4c4;
  display: block;
}
.isCentral .dragContainer.hideOffice .hideOffice {
  display: none;
}
.isCentral .dragContainer.hideOffice .showOffice {
  display: block;
}

.web .templateContainer .col-sm-3, .web .templateContainer .col-sm-6, .web .templateContainer .col-sm-12 {
  margin: 0;
  padding: 0;
  pointer-events: none;
  width: 100%;
}
.web .templateContainer > input {
  width: 100%;
}

.col-xs-6.col-sm-3.onClickSelectContentType > div {
  border-radius: 3px !important;
  cursor: pointer;
}
.col-xs-6.col-sm-3.onClickSelectContentType > div:hover, .col-xs-6.col-sm-3.onClickSelectContentType > div:focus {
  box-shadow: 0 0 3px 1px #e5e6e7;
}
.col-xs-6.col-sm-3.onClickSelectContentType > div > div {
  background: #fff !important;
  font-weight: bold;
}

.sizesSeperatorWrapper {
  clear: both;
  float: none;
  padding: 30px 15px 5px 15px;
  width: 100%;
}
.sizesSeperatorWrapper hr {
  margin-bottom: 10px;
  margin-top: 10px;
}

.editable .actions .edit {
  display: block;
}

.actions .edit {
  display: none;
}

.web .filter_head {
  background-color: #F5F5F5;
  font-size: 13px;
  font-weight: 900;
}
.web #search {
  border-color: #c2c2c2 !important;
  cursor: text;
  font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
  height: 30px !important;
}
.web #search::-webkit-input-placeholder {
  color: #676a6c;
  font-size: 13px;
}
.web .dropdown-menu {
  position: absolute;
  z-index: 1001;
}

.historyView .onClickNewKitElement, .historyView .btn.edit, .historyView .onClickNewRow {
  display: none;
}

.updateWarning {
  color: red;
  margin: 15px;
  text-align: center;
}
/*# sourceMappingURL=grid_kit_cms.css.map */