@charset "UTF-8";
::-webkit-input-placeholder {color:inherit; opacity:0.54;}
::-webkit-file-upload-button {-webkit-appearance:button;}
.button, .uploader_file-label, .uploader_submit-button {background:#ffb400; border:1px solid #ffb400; border-radius:2rem; color:#fff; display:block; padding:0.5rem 1.6rem; font-size:1.4rem; line-height:2rem; text-align:center;}
.button::before, .uploader_file-label::before, .uploader_submit-button::before {content:url(/images/basic/topsign/icon_addphotos.svg); width:17px; height:14px; float:left; margin:2px 5px 0 0;}

.button:hover, .uploader_file-label:hover, .uploader_submit-button:hover,
.button:active,
.uploader_file-label:active,
.uploader_submit-button:active,
.button:focus,
.uploader_file-label:focus,
.uploader_file-input:focus + .uploader_file-label,
.uploader_submit-button:focus {background:#ffa200; border:1px solid #ffa200;}

.button--secondary:hover,
.button--secondary:active,
.button--secondary:focus,
.uploader_file-input:focus + .uploader_file-label {background-color:#ffa200; border:1px solid #ffa200;}
.button--inline {display:inline-block;}
.button--big-bottom, .uploader_submit-button {max-width:none; width:100%; text-align:left; border-radius:0; background:#ffb400; color:#fff;}
.button--big-bottom:hover, .uploader_submit-button:hover,
.button--big-bottom:active,
.uploader_submit-button:active,
.button--big-bottom:focus,
.uploader_submit-button:focus {background-color:#ffa200;}
.icon-button, .uploader_icon-button {width:12px; height:12px; background:url(/images/basic/topsign/close.svg) no-repeat 0 0; border:none;}
.uploader_file-input {opacity:0; display:inline-block; overflow:hidden; width:1rem; z-index:-1;}
.form-inline-content .uploader_hide {display:none;}
.show {display:block;}
.error, .uploader_error {color:#900; line-height:2.1rem;}

.file-list, .uploader_file-list {list-style-type:none; width:100%;}
.file-list_item, .uploader_file-list_item {display:flex; align-items:center; padding:0.5rem; width:100%; }
.file-list_item:nth-child(2n), .uploader_file-list_item:nth-child(2n) {background-color:#f5f5f5;}
.file-list_thumbnail, .uploader_file-list_thumbnail,
.file-list_text,
.uploader_file-list_text,
.file-list_size,
.uploader_file-list_size,
.file-list_button,
.uploader_file-list_button {display:flex; justify-content:left; align-items:center;}

.file-list_thumbnail, .uploader_file-list_thumbnail {flex:0 0 60px;}
/* .file-list_text, .uploader_file-list_text {width:60%; word-break:break-word; text-align:left; font-size:1.4rem; color:#666;} */
.file-list_size, .uploader_file-list_size {flex:0 0 90px; font-size:1.4rem; color:#666;}
.file-list_button, .uploader_file-list_button {flex:0 0 12px;}

.icon, .uploader_icon {font-size:2em; margin:10px; text-decoration:none;}
.icon--close {color:#d2d2d2; }
.icon--spinner, .uploader_icon--spinner {margin:1em;}

.thumbnail {max-height:50px; max-width:50px; height:auto; width:auto; padding:0.2rem;}
.text--important, .uploader_instructions {font-size:1.2rem; color:#666; margin:0; padding:0 0 0 1rem;}
@keyframes appear {
  from {margin-top:3em; opacity:0;}
  to {margin-top:0; opacity:1;}
}
.uploader_contents {display:flex; flex-direction:row-reverse; justify-content:flex-end;}
.uploader_file-label,.uploader_box .button--secondary {margin:0;}
.uploader_file-label--secondary {display:inline-block;}
.uploader_further-instructions {clear:both; color:#666; font-size:1.2rem; padding:0.5rem 0;}