/**
 * Variables
 */
/**
 * Grid breakpoints
 *
 * Define the minimum dimensions at which your layout will change,
 * adapting to different screen sizes, for use in media queries.
 **/
/**
 * Grid containers
 *
 * Define the maximum width of `.ur-container` for different screen sizes.
 * scss-docs-start container-max-widths
 **/
.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;
}