/* classified GALLERY */
.classified-form-aligned #classified-plupload-upload-ui {
    width:60%;
    float:left;
}

.classified-gallery {
    width:100%;
    height:130px;
    border:1px solid whitesmoke; 
    background-color: #fcfcfc;
    padding: 0px 0 20px 0;
    opacity: 0.7;
    z-index: 0;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
    margin: auto;
    box-sizing: border-box;
}

.drag-over .classified-gallery {
    opacity: 0.7;
    border:1px solid silver
}

.drag-over #classified-drag-drop-area  {
    position: absolute !important;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 130px;
    opacity: 1;
    z-index: 5;
    box-sizing: border-box;
    
}

.classified-gallery > p {
    font-size: 1.3em;
    margin: 0 0 24px;
    padding: 10px 0 0 0;
    color: gray;
}

.classified-gallery-uploads {
    overflow: hidden;
    padding: 0 3px 3px 3px !important;
}

.classified-gallery-uploads .classified-gallery-upload-item {
    background-color: #fff;
    width: 150px;
    height: 105px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15);
    box-shadow: 0 0 3px rgba(0,0,0,0.15);
    -webkit-transition: height 0.1s ease-in-out,margin 0.1s ease-in-out;
    -moz-transition: height 0.1s ease-in-out,margin 0.1s ease-in-out;
    -o-transition: height 0.1s ease-in-out,margin 0.1s ease-in-out;
    transition: height 0.1s ease-in-out,margin 0.1s ease-in-out;
    position: relative;
    float:left;
    margin: 1em 1em 0 0;
    overflow: hidden;
}

.classified-gallery-uploads .classified-gallery-upload-item a {
    display: inline-block;
    overflow: hidden;
    padding: 0px;
    margin: 0 0 0 2px;
    width: 30px;
    height: 28px;
    cursor: pointer;
    border: 1px solid red;
}

.classified-gallery-uploads .classified-gallery-upload-item .classified-gallery-item-featured {
    position: absolute;
    display: none;
    top: 4px;
    right: 0;
    font-size: 0.7em;
    line-height: 0.8em;
    background: wheat;
    padding: 4px 4px;
}

.classified-gallery-upload-actions {
    position: absolute;
    display: none;
    margin: 0;
    padding: 0;
    height: 35px;
    bottom: 5px;
    right: 10px;
}

.classified-gallery-upload-actions .classified-icon-spinner {
  vertical-align: top;
}

.classified-gallery-upload-update  {
    width: 100%;
    height: 105px;
    text-align: center;
}

.classified-gallery-upload-update.classified-icon-spinner {
    font-size: 64px;
    line-height: 105px;
}

.classified-gallery-upload-failed {
    font-family: Arial;
    font-size: 10px;
    line-height: 12px;
    overflow: hidden;
    display: inline-block;
    padding: 0 2px 0 2px;
}

.classified-gallery-uploads .classified-gallery-upload-item:hover .classified-gallery-upload-actions {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

.classified-gallery-upload-item-img {
    width: 150px;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: none !important;
}

.classified-gallery-upload-item .classified-icon-attention:before { 
    display:block;
    font-size: 42px;
    color: red;
    margin: 10px auto 0;
}

.classified-modal {
     display: none;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     z-index: 10000;
     background-color: rgba(255, 255, 255, 0.5);
}

.wpjb.wpjb-overlay.show {
    display:block;
}

.wpjb.wpjb-overlay h2 {
    font-size: 22px;
}

.wpjb.wpjb-overlay p {
    margin: 5px 0 25px 0;
}

.classified-modal .classified-modal-inner {
     min-width:550px;
     /* height: 400px; */
     margin: 0;
     background-color: #fff;
     border:1px solid silver;
     padding:15px 15px 15px 15px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px #888;
     box-shadow: 0 0 5px 5px whitesmoke;
}