.confirmation-dialog { .confirmation-message { padding-bottom: 20px; } .hidden { display: none; } .uploadButton { float: right; } .col-md-6 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin: -4px; } } .close-btn { margin-left: auto; cursor: pointer; } .cancel-btn { background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #b5b5b5; border-radius: 30px; width: 101px; height: 43px; color: #212121; font-weight: 500; } .next-btn { background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #129d99; border-radius: 30px; opacity: 1; width: 101px; height: 43px; color: #129d99; font-weight: 500; } .attach-btn { top: -20px; } .attach-file { width: 156px; height: 44px; color: #ffffff; background: #129d99 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #1e202029; border-radius: 30px; } .attach-file:hover { background-color: #ffffff; border: 1px solid #129d99; color: #129d99; } .drop-file { background-color: #fafafa; border: 1px dashed #d1d1d1; border-radius: 4px; max-width: 480px; height: 98px; margin-top: 0.5rem; } .file-preview { height: auto !important; width: auto !important; max-width: 500px !important; min-height: 1rem !important; } .file-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ::ng-deep .upload-form .mat-form-field-appearance-outline .mat-form-field-outline { background: #fafafa !important; } ::ng-deep .upload-form .mat-form-field-appearance-outline .mat-form-field-infix { font-size: 1rem; padding: 0.6em 0 1em 0 !important; }