.loader{
  margin: 0 0 2em;
  height: 100px;
  width: 20%;
  text-align: center;
  padding: 1em;
  margin: 0 auto 1em;
  display: inline-block;
  vertical-align: top;
}

.loader svg path{
  fill: #FF6700;
}

.loader svg rect{
  fill: #FF6700;
}

#fddbLoader {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    padding-top: 30%;
    text-align: center;
    background:  radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 90%);
    z-index: 5000;
}

#fddbMessageModal {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 3000;
}

#fddbNotice {
    position: fixed;
    top: 10px;
    right: 10px;
    display: none;
    z-index: 3000;
}

#fddbMessage {
    z-index: 3000;   
}

.fddbDraggable {
    cursor: move;
    user-select: none;
}

.fddbDragCloned {
    border-top: 1px solid #ccc;
    z-index: 500!important;
}

.fddbDragPlaceholder {
    background-color: #edf2f7;
    border: 2px dashed #cbd5e0;
    z-index: 500!important;
}


.fddbDragPlaceholderUnder {
    background-color: #b1b1b1;
    border: 2px dashed #cbd5e0;
    z-index: 500!important;
}

.fddbComboLI {}
.fddbComboLI:hover {
    background-color: #f7f7f7;
}

.fddbComboInput {
    background-size: 16px;
    background-position: 98% 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform: rotate(90deg);width:20px;height:20px;' viewBox='0 0 5 9'%3E%3Cpath d='M0.419,9.000 L0.003,8.606 L4.164,4.500 L0.003,0.394 L0.419,0.000 L4.997,4.500 L0.419,9.000 Z' /%3E%3C/svg%3E ");
    background-repeat: no-repeat;
}