/* PHOTOS UPLOAD */
.loader { display: none; position: absolute; border: 16px solid #0d92df; border-top: 16px solid #d6d6d6; border-radius: 50%; width: 80px; height: 80px; animation: spin 2s linear infinite; top: 138px; right: 46%; }

.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 .preview > i { font-size: 45px; position: absolute; right: 0; top: 50%; left: 0; margin: 0 auto; transform: translateY(-50%); display: block; width: 35px; }
    .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;min-height:30px; }
    .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; }
    .adding_photos.small_upload .input_file { float: right; margin-left: 20px; height: 230px; width: 200px; }
.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; }

.edit_file_popup { display: block; }
    .edit_file_popup .popup { }
    .edit_file_popup form { }
        .edit_file_popup form > ul { }
            .edit_file_popup form > ul > li { margin-bottom: 20px; }
                .edit_file_popup form > ul > li label { display: block; margin-bottom: 5px; text-align: right; }
                .edit_file_popup form > ul > li button { max-width: 150px; }
/**/

/***File Uploader****/
.file_uploader_conti { margin-bottom: 30px; padding-left: 90px; position: relative; box-sizing: border-box; max-width: 240px; }
    .file_uploader_conti > .file_uploader { position: relative; width: 150px; display: inline-block; vertical-align: middle; height: 40px; }
        .file_uploader_conti > .file_uploader > input { position: absolute; width: 100%; height: 100%; right: 0; top: 0; opacity: 0; cursor: pointer; }
            .file_uploader_conti > .file_uploader > input:hover ~ span { border-color: #18D595; color: #18D595; }
        .file_uploader_conti > .file_uploader > span { position: absolute; width: 100%; height: 100%; right: 0; top: 0; border: 1px solid #DCDCDC; color: #6A6A6A; text-align: center; pointer-events: none; border-radius: 5px; line-height: 40px; }
    .file_uploader_conti > .image_placeholder { /*width: 200px; height: 200px;*/ position: relative; border: 1px solid #DCDCDC; border-radius: 5px; position: absolute; left: 0; top: -20px; }
        .file_uploader_conti > .image_placeholder .delete_button { position: absolute; left: -25px; top: 50%; width: 20px; height: 20px; background-color: rgba(255, 255, 255, 0.5); }
            .file_uploader_conti > .image_placeholder .delete_button:hover { color: #18D595; }
/***End File Uploader***/