.user-registration .urfu-file-upload a.urfu-attachment-link {
border-bottom: 0 none;
}
.user-registration .urfu-file-upload button {
padding: 10px 20px;
border: 0 none;
position: relative;
cursor: pointer;
line-height: 1em;
border-radius: 0;
}
.dropzone {
padding: 20px;
margin-bottom: 10px;
border: 2px dashed rgb(222.4984029851, 224.3717109905, 232.8015970149);
}
.dropzone .dz-message {
text-align: center;
margin: 2em 0;
}
.dropzone .dz-message svg {
width: 40px;
height: 40px;
padding: 4px;
margin: 0 auto;
background: rgb(222.4984029851, 224.3717109905, 232.8015970149);
border-radius: 4px;
}
.dropzone .dz-message.hide {
display: none;
}
.dropzone .dz-message .user-registration-file-upload-title {
color: rgb(76.288238806, 84.0379701493, 118.911761194);
display: block;
font-size: 16px;
margin-top: 8px;
}
.dropzone .dz-message .user-registration-file-upload-hint {
color: rgb(182.4993283582, 186.8632089552, 206.5006716418);
font-size: 14px;
}
.dropzone .dz-preview {
flex: 0 0 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 20px;
}
.dropzone .dz-preview .dz-image {
width: 64px;
height: 64px;
flex: 0 0 64px;
margin-right: 15px;
border-radius: 3px;
overflow: hidden;
}
.dropzone .dz-preview .dz-image img {
width: 100%;
max-height: 100% !important;
}
.dropzone .dz-preview .dz-details {
text-align: left;
font-size: 14px;
flex: 1;
}
.dropzone .dz-preview .dz-details .dz-size {
color: #2d3559;
}
.dropzone .dz-preview .dz-details .dz-filename {
overflow: hidden;
max-width: 200px;
}
.dropzone .dz-preview .dz-details .dz-filename span {
color: rgb(182.4993283582, 186.8632089552, 206.5006716418);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.dropzone .dz-preview .dz-details {
flex: 100%;
}
}
.dropzone .dz-preview .dz-progress {
background: rgb(240.4392835821, 241.3522713704, 245.4607164179);
border-radius: 2px;
height: 4px;
width: 100%;
margin-left: 80px;
order: 4;
}
.dropzone .dz-preview .dz-progress .dz-upload {
background-color: #4CC741;
border-radius: 2px;
height: 4px;
display: block;
transition: all 0.25s ease 0s;
}
.dropzone .dz-preview .dz-error-message {
color: #ff4f55;
font-size: 14px;
flex: 0 0 80%;
width: 100%;
text-align: left;
margin-left: 80px;
order: 5;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
display: none;
}
.dropzone .dz-preview .dz-remove {
font-size: 0;
position: relative;
height: 28px;
width: 28px;
display: inline-flex;
margin-left: auto;
order: 3;
border-radius: 14px;
border: 2px solid #f70d1a !important;
}
.dropzone .dz-preview .dz-remove:before, .dropzone .dz-preview .dz-remove:after {
content: "";
height: 14px;
width: 2px;
display: block;
background: #f70d1a !important;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
}
.dropzone .dz-preview .dz-remove:before {
transform: translateY(-50%) rotate(45deg);
}
.dropzone .dz-preview .dz-remove:after {
transform: translateY(-50%) rotate(-45deg);
}
.dropzone .dz-preview .urfu-download-file {
margin-right: 10px;
color: #0170b9;
text-decoration: none;
height: 28px;
width: 28px;
border-radius: 20px;
border: 2px solid #0170b9;
}
.dropzone .dz-preview .urfu-download-file span {
display: block;
margin: 0 auto;
line-height: 24px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
display: block;
}
.dropzone .dz-preview.dz-complete .dz-progress {
display: none;
}
.dropzone .dz-preview.dz-error .dz-remove {
border-color: #ff4f55;
}
.dropzone .dz-preview.dz-error .dz-remove:before, .dropzone .dz-preview.dz-error .dz-remove:after {
background: #ff4f55;
}
.dropzone .dz-preview:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.dropzone.dz-clickable {
cursor: pointer;
}
.urfu-single-user-view-field {
flex: 0 0 100%;
width: 100%;
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 20px;
border-bottom: 1px solid #e1e1e1;
}
.urfu-single-user-view-field .urfu-thumbnail {
width: 64px;
height: 64px;
flex: 0 0 64px;
border-radius: 3px;
overflow: hidden;
}
@media (max-width: 991px) {
.urfu-single-user-view-field .urfu-thumbnail {
flex: 0 0 40px;
width: 40px;
height: 40px;
}
}
.urfu-single-user-view-field .urfu-thumbnail img {
width: 100%;
max-height: 100% !important;
}
.urfu-single-user-view-field .urfu-details {
text-align: left;
font-size: 14px;
flex: 1;
}
.urfu-single-user-view-field .urfu-details .urfu-size {
color: #2d3559;
}
.urfu-single-user-view-field .urfu-details .urfu-filename {
overflow: hidden;
max-width: 200px;
}
.urfu-single-user-view-field .urfu-details .urfu-filename span {
color: rgb(182.4993283582, 186.8632089552, 206.5006716418);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.urfu-single-user-view-field .urfu-details {
flex: 100%;
}
}
.urfu-single-user-view-field .urfu-download-file {
margin-right: 10px;
color: #475bb2;
text-decoration: none;
padding: 2px;
border-radius: 20px;
border: 2px solid #475bb2;
display: flex;
align-items: center;
justify-content: center;
}
.urfu-single-user-view-field .urfu-download-file span {
display: block;
}
.urfu-single-user-view-field .urfu-download-file span::before {
position: relative;
top: 0;
}
.urfu-single-user-view-field:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}