body {

  //>.mce-panel.mce-menu {
  //  z-index: 500001 !important;
  //}
  //
  //>.mce-window.mce-in {
  //  z-index: 500001 !important;
  //}
  //
  //>.mce-floatpanel.mce-popover.mce-bottom {
  //
  //  z-index: 500001 !important;
  //}
}

#customize-controls {

  .nimap-hidden {
    display: none !important;
  }

  #sub-accordion-section-nimap_design_general {
    li {

      .nimap-customize-control-title {
        //padding: 1px 25px;
        color: #FFFFFF;
        //font-size: larger;
        //font-weight: bold;
        text-align: center;
        background-color: #666666;
        margin-bottom: 0;
        margin-left: -20px;
        margin-right: -20px;
      }

    }
  }

  #sub-accordion-section-nimap_design_map {
    li {

      .nimap-customize-control-title {
        //padding: 1px 25px;
        color: #FFFFFF;
        //font-size: larger;
        //font-weight: bold;
        text-align: center;
        background-color: #666666;
        margin-bottom: 0;
        margin-left: -20px;
        margin-right: -20px;
      }

    }
  }

  #sub-accordion-section-nimap_design_search {
    li {

      .nimap-customize-control-title {
        //padding: 1px 25px;
        color: #FFFFFF;
        //font-size: larger;
        //font-weight: bold;
        text-align: center;
        background-color: #666666;
        margin-bottom: 0;
        margin-left: -20px;
        margin-right: -20px;
      }

    }
  }

  .nimap-block-container {
    width: 100%;
    min-height: 100px;
    background: white;
    color: black;
    //padding: 6px;
    box-sizing: border-box;

    * {
      box-sizing: border-box;
    }

    .nimap-block-inner {
      background: #ffffff;
      display: block;
      margin: 0;
      //padding: 10px 0 30px 0;
      position: relative;
      border: 1px solid #8c8f94;
      //border-bottom: none;
      min-height: 60px;

      .nimap-block-item {
        display: flex;
        width: 96% !important;
        margin: 5px auto;
        background: rgba(229, 229, 229, 0.5);
        border: 1px dashed rgba(1, 1, 1, .4);
        height: auto !important;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        font-size: 13px;
        //cursor: move;
        min-height: 30px;

        .nimap-block-header-field {
          width: 60%;
        }

        .nimap-block-action-field {
          width: 30%;

          select {
            vertical-align: unset;
          }
        }

        .nimap-block-remove-field {
          width: 10%;
          cursor: pointer;
        }
      }
    }

    .nimap-block-add-button-container {
      display: flex;
      justify-content: center;
      border: 1px solid #8c8f94;
      //border-top: none;

      .nimap-block-add-button {
        background-color: #2271b1;
        color: #fff;
        padding: 5px 8px;
        cursor: pointer;
        width: fit-content;
        margin: 5px auto;

        &:hover {
          //opacity: 0.9;
          //transform: scale(1.005);
          box-shadow: inset 0 0 0 10em rgba(0, 0, 0, 0.3);
        }
      }
    }
  }

  .nimap-customize-dropdown-multiple {

    .vi-ui.dropdown.selection.multiple {
      min-height: 30px;
      min-width: 100%;
      border: 1px solid #8c8f94;
    }
  }
}


@keyframes nimap_hidden_right_out {
  from {
    left: 0;
    opacity: 1;
  }
  to {
    left: 100%;
    opacity: 0;
  }
}

@keyframes nimap_hidden_right_in {
  from {
    left: 100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}

@keyframes nimap_hidden_left_out {
  from {
    left: 0;
    opacity: 1;
  }
  to {
    left: -100%;
    opacity: 0;
  }
}

@keyframes nimap_hidden_left_in {
  from {
    left: -100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}

@keyframes nimap_hidden_show {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}

@keyframes nimap-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}