.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; min-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; min-width: 101px; height: 43px; color: #129d99; font-weight: 500; } .next-btn[disabled] { width: 100px; height: 43px; background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #b5b5b5; border-radius: 30px; opacity: 1; } .next-btn:not([disabled]):hover { background-color: #129d99; color: #ffffff; } // .next-btn-disabled { // width: 100px; // height: 43px; // background: #ffffff 0% 0% no-repeat padding-box; // border: 1px solid #b5b5b5; // border-radius: 30px; // opacity: 1; // } // .next-btn:hover { // background: #129d99; // color: #ffffff; // } .attach-btn { top: -20px; } .attach-file { min-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; background-color: #e0e0e0 !important; background-image: none !important; color: rgba(0, 0, 0, 0.87) !important; font-weight: 500 !important; border-radius: 24px !important; line-height: 1.25 !important; } .file-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px !important; } ::ng-deep ngx-dropzone-remove-badge { opacity: 1 !important; margin-left: .5rem !important; position: initial !important; } ::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; }