/**
 * Panopoly Modal Magic Styles
 */

/**
 * Styles for Menu Block Pane
 */
.menu-block-processed {
  border: 0;
}

#menu-block-settings {
  float: left;
  width: 48%;
}

.menu-block-ctools-buttons {
  float: left;
  clear: left;
}

@media only screen and (max-width: 480px) {
  /* Hide IPE from mobile, since it doesn't really work anyway */
  #panels-ipe-control-container {
    display: none !important;
  }
}

/**
 * Override of CTools Throbber
 */
a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
  padding-right: 18px !important;
  background: url(images/status-active.gif) right center no-repeat !important;
}

div.ctools-ajaxing {
  float: left;
  width: 18px;
  background: url(images/status-active.gif) center center no-repeat !important;
}

.ajax-progress .throbber {
  display: none;
}

.ajax-progress-throbber {
  background-image: url("images/status-active.gif");
  background-position: center center;
  background-repeat: no-repeat;
  height: 16px;
  opacity: .9;
  padding: 3px;
  width: 16px;
}

/**
 * Custom styling for the Panopoly Theme functionality
*/
#panels-layout-category-Panopoly {
  margin: 3% 6%;
}

#panels-layout-category-Panopoly-wrapper .panels-layouts-category,
#panels-layout-category-Panopoly-wrapper .layout-link div {
  display: none;
}

#panels-layout-category-Panopoly-wrapper .layout-link {
  float: left;
  height: 68px;
  padding: 1.25em;
  text-align: center;
  width: 68px;
}

#panels-layout-category-Panopoly-wrapper .layout-link:hover {
  background-color: #BBB;
}

#panels-layout-category-Panopoly-wrapper .current-layout {
  background-color: #DDD;
}