/* PHOTOS UPLOAD */

.sort_images_item { display: inline-block; width: 200px; margin-left: 10px; cursor: move; margin-bottom:20px;}
    .sort_images_item:hover .preview { opacity: 0.5; }
    .sort_images_item .add_image > .preview { width: 100%; height: 200px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
    .image_operation:hover, .image_operation:focus { color: #3da7e5 !important; }

.add_image { position: relative; color: #000; border-radius: 5px; border: 1px solid #DCDCDC; overflow: hidden; }
    .add_image > h2 { position: absolute; right: 0; top: -20px; color: rgba(0, 0, 0, 0.54); font-weight: 600; }
    .add_image .file_conti { position: relative; height: 44px; width: 50px; text-align: center; display: inline-block; margin-left: 10px; font-size: 1.5em; vertical-align: bottom; cursor: pointer; }
        .add_image .file_conti > input { position: absolute; width: 100%; height: 100%; opacity: 0; right: 0; top: 0; cursor: pointer; }
        .add_image .file_conti > label { position: absolute; width: 100%; height: 100%; right: 0; top: 0; pointer-events: none; border-radius: 5px; border: 2px solid #DCDCDC; padding: 10px; box-sizing: border-box; vertical-align: bottom; }

.image_actions {position:absolute;bottom:0;right:0;padding:5px 0;box-sizing:border-box;background-color:rgba(255, 255, 255, 0.8);box-shadow:0 -3px 6px rgba(0, 0, 0, 0.16); }
    .image_actions > ul { width:100%;}
        .image_actions > ul > li { }
.image_actions > ul > li > a {display:block;padding:5px 0;box-sizing:border-box;text-align:center; }
            .image_actions > ul > li > a > i {pointer-events:none; }

.adding_photos {margin-bottom:20px; position:relative; }
    .adding_photos .input_file { width: 100%; height: 250px; position: relative; border: 1px solid #DCDCDC; border-radius: 5px; box-sizing: border-box; display: block; margin-bottom: 20px; }
.file_upload { position: absolute; width: 100%;height:100%; right: 0; top:0;}
    .file_upload .cont {position:absolute;width:100%;right:0;top:50%;text-align:center;pointer-events:none;}
.file_input_upload {position:absolute;width:100%;height:100%;right:0;top:0;opacity:0;z-index:1;}

.add_image .datetime {padding:5px;box-sizing:border-box;font-size:0.9em;display:block;text-align:left; }
.sort_images_item .image_title { display: block; width: 100%; border: none; border-bottom: 1px solid #000; box-sizing: border-box;padding:5px; }

/* PDF UPLOAD */

.pdf_file_conti { }
    .pdf_file_conti label { display: block; margin-bottom: 5px; }
.pdf_file { position: relative; margin-bottom: 5px; }
    .pdf_file > input { position: absolute; right: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; }
    .pdf_file > span { display: block; border-radius: 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-color: #F8F8F8; border: 2px solid #DCDCDC; padding: 15px 10px; box-sizing: border-box; text-align: center; pointer-events: none; }
        .pdf_file > span > * { display: inline-block; vertical-align: middle; }
    .pdf_file > input:hover ~ span, .pdf_file > input:focus ~ span { background-color: #0D92DF; color: #fff; }
.file_name_conti { position: relative; }
    .file_name_conti .delete_button { position: absolute; left: 5px; top: 0; }
    .file_name_conti a:hover, .file_name_conti a:focus { color: #ff6a00; }
.pdf_file > input.active ~ span { background-color: #ff6a00; }