.Block-list {
  min-height: 250px;
}

.Dhover:hover {
  border: 1px solid red;
}


.btn-rounded {
  border-radius: 50px;
  padding-left: 16px;
  padding-right: 16px;
}


.add-new-block {
    background: #fff;
    border-radius: 5px;
    border: 1px dashed #98A2B3;
   
}

.add-new-block:hover {
  border: 1px dotted blue;
}


.float-right {
  float: right;
}

 

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.block-container {
    border: none;
    border-radius: 5px;
    margin: 10px 0px;
    padding: 0px;
}


.component-design {
    background: #ffffff;
    margin: 2px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}

.handle-element-drop {
  padding: 10px 0px;
  margin: 0;
  transition: transform 0.2s ease-out;
  border: 2px dashed transparent !important;
}
.handle-element-drop span {
    color: #343741;
    font-weight:600;
}
.handle-element-drop i {
    color: #323232;
    font-size: 20px;
    margin-right: 5px;
}
.handle-element-drop i.fa-grip-vertical {
    color: #98A2B3;
    position: relative;
    top: 2px;
}


.handle-element-drop.over {
  border: 2px dashed rgb(240, 237, 237) !important;
  /* transform: scale(1.2); */
  box-shadow: inset 0 0 10px #d6d6d6;
}

.handle-element-drop.moving {
  /*opacity: 0.25;*/
  opacity: 1;
  transform: scale(0.8);
  background: #ffffff !important;
}


.block-Elment {
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  border: 1px dotted #f7f7f7;
}

.element-block {
    background-color: #F5F7FA;
    border: 1px dashed #98A2B3;
    padding: 10px;
    margin: 0px 0px 25px;
    border-radius: 7px;
}
.element-block:nth-child(2) {
    padding: 0px;
}
.element-block:nth-child(2) .block-container {
    padding: 5px 10px !important;
}

.element-block:nth-child(2) .block-container:first-child {
    margin-top: 0px;
    border: none !important;
    padding: 20px !important;
    background: #fff;
}

.element-block:nth-child(2) .block-container:first-child .handle-element-drop {
    padding: 25px 0px;
}

.element-block:nth-child(2) .row .element-block:first-child {
    background: #fff;
    padding: 18px;
    margin-bottom: 10px;
}

.element-block .row .element-block {
    border: none;
    padding: 10px 15px;
    margin: 0;
}
#ViewSchemaModal .modal-dialog-scrollable .modal-content, #BlockModal .modal-content {
    max-height: calc(100% - 100px);
}
#AddingNewBlockModal .card-redesign .card-body .inner-addon.new-search {
    width: 200px;
}



.pointer {
  cursor: pointer;
}

.grab {
  cursor: -webkit-grab;
  cursor: grab;
}