/* visual hint for drag/drop */
.ui-state-highlight {
  height: 80px;
  border: 1px solid #3f89c8;
  background-color: #3f89c8;
}

.ui-state-highlight_eps {
  height: 60px;
  border: 1px solid #3f89c8;
  background-color: #3f89c8;
}

.tab-state-highlight {
  border: 1px solid #3f89c8;
  background-color: #3f89c8;
  height: 50px;
  width: 100px;
}

.gadget-edit {
  background-color: #e6e6e6;
  padding-bottom: 12px;
}

.gadget-edit__select-field__option-title {
  background-color: #DDDDDD;
  font-weight: bold;
}

.gadget-edit__select-field__select {
  width: auto;
}

.gadget-edit__title {
  display: inline-block;
  padding: 7px;
}

.gadget-edit__title:not(.no-padding) {
  padding: 7px;
}

.gadget-edit__inner-wrapper {
  height: 35px;
}

.gadget-edit__select-field > .form-control {
  display: inline;
}
.gadget-edit__select-field textarea {
  width: 100% !important;
  height: 100px;
}

.gadget-edit__select-field:not(.no-margin) {
  margin: 9px;
}

.gadget-edit__icon-wrapper {
  padding: 5px 7px 1px 7px;
  display: inline-block;
  fill: #378fce;
  color: #378fce;
  cursor: pointer;
  border: none;
  background-color: transparent;
}
.gadget-edit__icon-wrapper span {
  position: relative;
  top: -5px;
}
.gadget-edit__icon-wrapper:hover {
  color: #010305;
}

.gadget-edit__icon-wrapper--solid {
  background-color: #378fce;
  color: #fff;
  fill: #fff;
}
.gadget-edit__icon-wrapper--solid:hover {
  background-color: #2974a9;
  color: #fff;
}

#addPageButton {
  padding: 15px 15px 0 15px;
  cursor: pointer;
}
#addPageButton svg {
  fill: #fff;
}

.navbar-inverse nav li:hover .svg-edit {
  fill: #fff;
  display: inline-block;
}

.navbar-inverse nav li .svg-edit {
  display: none;
}

#customPageModal .modal-footer button span {
  vertical-align: middle;
}

.page-layout {
  margin: 15px 0;
}

.layout-designs {
  margin: 0;
  padding: 0;
}
.layout-designs li {
  display: inline-block;
  width: 120px;
  padding: 4px;
  cursor: pointer;
}
.layout-designs li span {
  display: inline-block;
  background-color: #d3d3d3;
  height: 80px;
  margin-bottom: -4px;
}
.layout-designs li.selected {
  background-color: #337ab7 !important;
}
.layout-designs li:hover {
  background-color: #eeeeee;
}
.layout-designs .width-25 {
  width: 23%;
}
.layout-designs .width-33 {
  width: 31%;
}
.layout-designs .width-50 {
  width: 48%;
}
.layout-designs .width-75 {
  width: 73%;
}
.layout-designs .width-100 {
  width: 100%;
}

#addGadgetModalContent {
  overflow-y: scroll;
  height: 300px;
}

.copy-merge {
  vertical-align: top;
}