.portlet {
  position: relative; }
  .portlet:hover .options-wrapper {
    visibility: visible;
    opacity: 1; }
  .portlet:hover .resizer-handler {
    display: block; }
  .portlet .options-wrapper {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 5px;
    z-index: 998;
    padding: 2px 5px;
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    visibility: hidden;
    transition: 200ms all;
    line-height: 1; }
    .portlet .options-wrapper .btn {
      margin-right: 5px; }
  .portlet .resizer-handler {
    display: none;
    position: absolute;
    z-index: 5;
    border-color: rgba(42, 81, 54, 0.2);
    border-width: 0;
    border-style: solid; }
    .portlet .resizer-handler-bottom {
      bottom: 0;
      height: 3px;
      width: 100%;
      border-bottom-width: 0px;
      cursor: ns-resize; }
    .portlet .resizer-handler-top {
      top: 0;
      height: 3px;
      width: 100%;
      border-top-width: 0px;
      cursor: ns-resize; }
    .portlet .resizer-handler-left {
      left: 0;
      top: 0;
      height: 100%;
      width: 3px;
      border-left-width: 0px;
      cursor: ew-resize; }
    .portlet .resizer-handler-right {
      right: 0;
      top: 0;
      height: 100%;
      width: 3px;
      border-right-width: 0px;
      cursor: ew-resize; }
    .portlet .resizer-handler-bottom-left {
      bottom: 0;
      height: 3px;
      width: 3px;
      border-left-width: 0px;
      border-bottom-width: 0px;
      left: 0;
      cursor: nesw-resize; }
    .portlet .resizer-handler-bottom-right {
      bottom: 0;
      height: 3px;
      width: 3px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      right: 0;
      cursor: nwse-resize; }
    .portlet .resizer-handler-top-left {
      top: 0;
      height: 3px;
      width: 3px;
      left: 0;
      border-left-width: 0px;
      border-top-width: 0px;
      cursor: nesw-resize; }
    .portlet .resizer-handler-top-right {
      top: 0;
      height: 3px;
      width: 3px;
      right: 0;
      border-right-width: 0px;
      border-top-width: 0px;
      cursor: nwse-resize; }

.dby-settings .portlet .portlet-topper {
  display: none !important; }

.options-wrapper {
  display: flex !important;
  flex-direction: row !important;
  transform: translateY(-100%); }

.mouse-move-measure {
  position: fixed;
  z-index: 9999999;
  background-color: #EEE;
  border-radius: 2px;
  padding: 5px;
  font-size: 0.8rem;
  margin-top: -10px;
  transform: translate(-100%, -100%);
  line-height: 1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }

.confirm-dialog {
  position: fixed;
  background-color: #FFF;
  min-width: 400px;
  min-height: 100px;
  top: 50%;
  left: 50%;
  z-index: 1001;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }