/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
.gridable-ui-content {
  width: 600px;
  left: 0;
  margin: 0 auto; }
  .gridable-ui-content .gridable-attribute-field {
    padding: 5px 10px;
    position: relative;
    max-width: 600px;
    margin: 0 auto; }

.select2-container--gridable {
  z-index: 999999; }

.gridable-ui-content .setting .name {
  padding: 18px 0; }

.gridable-ui-content .setting .select2-container--gridable {
  float: none;
  height: 34px; }
  .gridable-ui-content .setting .select2-container--gridable .selection {
    padding: 0; }
  .gridable-ui-content .setting .select2-container--gridable .select2-selection.select2-selection--single {
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    min-width: 170px;
    padding: 0;
    outline: 0;
    height: 34px; }
    .gridable-ui-content .setting .select2-container--gridable .select2-selection.select2-selection--single .select2-selection__rendered {
      width: 100%;
      text-align: left;
      height: 32px;
      display: block; }

.gridable-setting {
  min-height: 40px; }
  .gridable-setting .wp-picker-container {
    left: 35%;
    top: 25px;
    width: 260px;
    position: absolute; }
    .gridable-setting .wp-picker-container span {
      float: none;
      min-height: auto;
      padding-top: 0; }
    .gridable-setting .wp-picker-container .wp-color-result {
      left: 0;
      right: auto;
      border-bottom: 1px solid #ddd; }
      .gridable-setting .wp-picker-container .wp-color-result:hover {
        border-bottom: 1px solid #999; }
    .gridable-setting .wp-picker-container .wp-picker-input-wrap {
      padding-left: 115px; }

.gridable-attribute-field .checkbox input[type=checkbox] {
  margin-top: 17px; }

html #wpcontent, html #wpfooter, html #poststuff #post-body.columns-2 {
  transition: margin .3s ease-out; }

html .wp-editor-expand div.mce-toolbar-grp,
html .wp-editor-expand #wp-content-editor-tools {
  transition: width .3s ease-out; }

html .focus-on #wpcontent, html .focus-on #wpfooter {
  margin-left: 0; }

html .focus-on #poststuff #post-body.columns-2 {
  margin-right: 0; }