.autocomplete {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    cursor: default;
    margin: -6px 6px 6px -6px;
    overflow: auto;
    width: 498px;
}
.autocomplete div {
    overflow: hidden;
    padding: 5px 10px;
    white-space: nowrap;
}
.autocomplete div:hover {
    background-color: #30AED6;
}
.autocomplete div strong {
    color: #243C43;
}
.autocomplete-w1 {
    left: 0;
    margin: 7px 0 0 6px;
    position: absolute;
    top: 0;
}
.title-nav {
    -moz-box-sizing: border-box;
    float: left;
    margin-right: 5%;
    width: 50%;
}
.autocomplete-alert {
    -moz-box-sizing: border-box;
    background-color: #F5F58A;
    float: left;
    margin-top: 25px;
    padding: 0 25px;
    width: 44%;
}
.autocomplete-suggestions {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    overflow: auto;
}
.autocomplete-suggestion {
    overflow: hidden;
    padding: 2px 5px;
    white-space: nowrap;
}
.autocomplete-selected {
    background: none repeat scroll 0 0 #F0F0F0;
    cursor: pointer;
}
.autocomplete-suggestions strong {
    color: #3399FF;
    font-weight: normal;
}

.avs-active { background: url("images/ajax-loader.gif") no-repeat scroll right center transparent !important; }

div.popup {
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    left: 30%;
    top: 30%;
    padding: 20px;
    position: absolute;
    min-height: 350px;
    width: 40%;
    z-index: 99500;
}

div.popup .btn-save, div.popup .btn-close {
    float: right;
    padding: 3px;
    margin: 2px;
}

.drop-target {
    background-color: #E2E2E2;
    border: 4px double #636467;
    display: table;
    margin: 20px;
    padding: 10px;
    min-width: 120px;
    min-height: 40px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(99, 100, 2, 0.23) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(99, 100, 2, 0.23) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(99, 100, 2, 0.23) inset;
    list-style: none;
}

.draggable {
    width: 100px;
    margin: 5px;
    padding: 5px;
    text-align: center;
    float: left;
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 10px;
    background: rgba(0,0,0,0.25);
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}