.button-primary.uwp-advanced-toggle{
  float: right;
  margin: 10px;
}

.single_select_page {
  .select2-container {
    display: inline-block;
  }
}

/* tooltip css */

.uwp-tooltip-wrap {
  position: relative;
  text-align: left;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
  width:100%;
  display: block;
}

/* IE can just show/hide with no transition */
.lte8 {
  .uwp-tooltip-wrap {
    .uwp-tooltip {
      display: none;
    }
  }
}

.uwp-ui-tooltip {
  padding: 7px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  background: #333 !important;
  border-radius: 3px !important;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(214,214,214,0.5);
  box-shadow: 1px 1px 2px 1px rgba(214,214,214,0.5);
  color: #dedede !important;
  text-rendering: optimizeLegibility;
  text-shadow: none !important;
  white-space: pre-line; /* show line breaks */
  word-wrap:break-word;
  border-width: 1px;
}

.uwp-help-tip {
  cursor: help;
}

.uwp-settings-title .uwp-help-tip {

}

.uwp-upload-fields {
  float: left;
  margin-left: 12px;
}

.uwp-upload-display.thumbnail {
  float: left;
  min-width: 25px;
  min-height: 25px;
}

.uwp-upload-img {
  .centered {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
  }
}

.uwp-upload-display img {
  max-height: 100px;
  max-width: 100px;
  vertical-align: middle;
  margin: auto;
}

.uwp-pb-wrapper {
  .progressBar {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border: none;
    div {
      float: left;
      width: 0;
      height: 100%;
      font-size: 12px;
      line-height: 20px;
      color: #fff;
      text-align: center;
      background-color: #337ab7;
      -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
      box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
      -webkit-transition: width .6s ease;
      -o-transition: width .6s ease;
      transition: width .6s ease;
    }
  }
}

span.uwp-custom-desc code {position: relative;background-color: #e0e0e0;padding: 5px;margin: 2px;border-radius: 3px;color: #6d6d6d;cursor: pointer;border: 1px solid #e4e4e4;display: inline-block;}
span.uwp-custom-desc code.uwp-tag-copied:before {content: 'Copied';position: absolute;background: #000;color: #FFF;top: -30px;left: calc(50% - 35px);padding: 5px 10px;border-radius: 5px;font-style: normal;}
span.uwp-custom-desc code.uwp-tag-copied:after {content: " ";position: absolute;top: 100%;left: 50%;margin: -29px 0 0 -4px;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent;display: none;}
.uwp-tag-copied span {content: " ";position: absolute;top: 25px;left: 50%;margin: -29px 0 0 -4px;margin-left: -5px;border-width: 5px;border-style: solid;border-color: black transparent transparent transparent;}
.profile_seo_meta_separator-wrap td.forminp-radio ul li {display: inline-block;margin-right: 5px;}
.profile_seo_meta_separator-wrap td.forminp-radio ul li label input.uwp-seo-meta-separator {position: absolute;top: -20px;left: 0;}
.profile_seo_meta_separator-wrap td.forminp-radio ul li label {padding: 10px 15px;position: relative;vertical-align: middle;overflow: hidden;margin: 0px !important;border: 1px solid #CCC;margin-right: 10px;}
.profile_seo_meta_separator-wrap td.forminp-radio ul li label.active {border-color: #007bba;border-width: 2px;}

.wp-list-table.usertypes, 
.wp-list-table.membershiptypes {
    .manage-column.column-reorder,
    .reorder.column-reorder {
        width: 5%;
        text-align: center;
    }
}

/* Styles for the dragged item */
.uwp-dragging {
    background-color: #fff;
    border: 1px solid #007cba;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
}

/* Styles for the placeholder */
.uwp-drag-placeholder {
    background-color: #f0f0f1;
    border: 1px dashed #007cba;
    visibility: visible !important;
}

.wp-admin {
  .single_select_page {
    .select2-container {
      width: 25em;

      @media only screen and (max-width: 600px) {
        width: 100%;
        margin-bottom: 0.5rem;
      }
    }
  }

  .wrap.userswp {
    .select2-selection--multiple {
      .select2-selection__choice {
        .select2-selection__choice__remove {
          padding-right: 0;
        }
      }
    }
  }
}