.criteria_clr_14 {
    background-color: #c0c0c0!important;
    color: #fff!important;
}

.criteria_clr_15 {
    background-color: #fff!important;
    color: #000!important;
}

.criteria_clr_16 {
    background-color: #808080!important;
    color: #000!important;
}

.criteria_clr_17 {
    background-color: #ffff00!important;
    color: #000!important;
}

.criteria_clr_18 {
    background-color: #a52a2a!important;
    color: #fff!important;
}

.criteria_clr_19{
    background-color: #ff0000!important;
    color: #fff!important;
}

.criteria_clr_20 {
    background-color: #d9133c!important;
    color: #fff!important;
}

.criteria_clr_21 {
    background-color: #000!important;
    color: #fff!important;
}

.criteria_clr_22 {
    background-color: #f5f5dc!important;
    color: #000!important;
}

.criteria_clr_23 {
    background-color: #0000ff!important;
    color: #fff!important;
}

.criteria_clr_24 {
    background-color: #00c6ff!important;
    color: #fff!important;
}

.criteria_clr_25 {
    background-color: #3528a4!important;
    color: #000!important;
}

.criteria_clr_26 {
    background-color: #800020!important;
    color: #fff!important;
}

.criteria_clr_27 {
    background-color: #800080!important;
    color: #fff!important;
}

.criteria_clr_28 {
    background-color: #ffa500!important;
    color: #000!important;
}

.criteria_clr_29 {
    background-color: #008000!important;
    color: #fff!important;
}

.criteria_clr_30 {
    background-color: #04591a!important;
    color: #000!important;
}

.criteria_clr_31 {
    background-color: #ffc0cb!important;
    color: #000!important;
}

.criteria_clr_32 {
    background-color: #e9cd3b!important;
    color: #000!important;
}

.criteria_clr_33 {
    background-color: #fff!important;
    color: #000!important;
}

#ddArea {
    height: 200px;
    border: 2px dashed #ccc;
    line-height: 200px;
    text-align: center;
    font-size: 20px;
    background: #f9f9f9;
    margin-bottom: 15px;
}

.drag_over {
    color: #000;
    border-color: #000;
}

.thumbnail {
    width: 100px;
    height: 100px;
    padding: 2px;
    margin: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    float: left;
}

.d-none {
    display: none;
}

h3 {
    line-height: 30px;
    text-align: center;
}

#drop_file_area {
    height: 200px;
    border: 2px dashed #ccc;
    line-height: 200px;
    text-align: center;
    font-size: 20px;
    background: #f9f9f9;
    margin-bottom: 15px;
}

.drag_over {
    color: #000;
    border-color: #000;
}

.thumbnail {
    width: 100px;
    height: 100px;
    padding: 2px;
    margin: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    float: left;
}

#upload_file {
    display: none;
}