.droppable-active { background-color: #fff7ee !important; }
	

	.form-body .col-md-6, .form-body .col-md-12 { min-height: 400px; }
	.draggable { cursor: move; }
        .hide {
        display:none
        }
.col-md-12 {
    width: 100%;
    height: 100% !important ;
  }
        .icon-control {
        float:right;
        font-size :20px
        }

        .edit-options {
        margin-bottom:10px;font-family:Monaco, Fixed
        }
        .label-control
         {
                display: inline-block !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
        }
             .checkbox{
            margin-left :0px !important 
            }


.red {
color:red !important
}

 @media screen and (min-width: 768px) {
  .modal-lg{
      width:900px;
  }

  .modal-sm{
      width:300px;
  }
}

        .ColumnDrop_1 {
          border:1px solid #999999 ;
      
        }

        .ColumnDrop_2 {
            border:1px solid #999999 ;

        }
        .div-btn-style {
        margin-bottom :5px
        }
        .btn-style {
            width:80px
        }

 .fa-trash{color:red;font-size :20px;padding-left:5px}
 .NewOptionsSelectContainer .btn-add-select{float:right;margin-right :35px;margin-top:10px}
        .btn-add-Option {
            float:right;margin-right :35px;margin-top:10px
        }
 .list-group{position:relative}

 .draggable {
    z-index:9999 !important;

    }

.ModalEditOptions i {
    font-size: 20px !important;
    color: red !important;
}

.tools .green {
color:seagreen
}
.tools .red {
color:red
}

.tools .gray {
color:darkgray
}


#ul_DBControls {
      overflow-y: scroll;height:600px
}


.ModalEditOptions .modal-title {
 color:   #6384a2;
}


.empty-form {
font-size: 24px;
}


#searchInput {
   
  background-image: url('/images/css/searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
      height: 100% !important
}


#ul_htmlControls li:hover, #ul_DBControls li:hover {
background-color:#ddd

}


.icon-control-left {
     font-size :20px;
     cursor:pointer;
     
     float:right;
     
}

    #ul_DBControls .fa-trash-o {
        color:#cdcdcd;
       margin-top:4px;
        margin-right:10px;
           margin-left:1px;
          
    }

        #ul_DBControls .fa-pencil-square-o {
        color:#cdcdcd;
         margin-top:5px
    }

 #ul_DBControls .fa-trash-o:hover {
        color:red;
    }

        #ul_DBControls .fa-pencil-square-o:hover {
        color:green;
    }
.black {
color:black
}

.gray {
color:#cdcdcd;
}

.tools a { cursor: pointer; font-size: 80%; }
    .tools label { cursor: pointer; font-size: 80%; }