::ng-deep .mat-dialog-container { border-radius: 8px; } .form-container { width: 33rem; min-height: 14rem; padding: 2.0rem; } .logo { width: 8.44rem; } .close-icon { cursor: pointer; // margin-right: 20px; padding: .4rem; width: auto !important; height: auto !important; } .close-icon:hover { background-color: #ECECED !important; border-radius: 50%; } .content { margin: 2.17rem 0rem 1.1875rem 0rem; } .title, .text { font-size: 1.25rem; font-weight: lighter; color: #000000; opacity: 0.8; } .title { text-align: left; font-weight: 500; font-size: 1.25rem; letter-spacing: 0px; color: #212121; opacity: 1; } .text { margin-bottom: 2.9375rem; line-height: 1.9rem; } .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 var(--primary-color); border-radius: 30px; opacity: 1; min-width: 101px; height: 43px; color: var(--primary-color); font-weight: 500; } .next-btn:hover { background-color: var(--primary-color); color: white; } .disabled-btn { border: 1px solid #b5b5b5; border-radius: 30px; opacity: 1; min-width: 101px; height: 43px; color: #b5b5b5; font-weight: 500; } .actions { display: flex; flex-direction: row; } .new-dmp { text-align: left; text-decoration: underline; letter-spacing: 0px; color: var(--primary-color); cursor: pointer; } ::ng-deep .dmp-form .mat-form-field-appearance-outline .mat-form-field-outline { // background: #fafafa !important; } ::ng-deep .dmp-form .mat-form-field-appearance-outline .mat-form-field-infix { // font-size: 1rem; // padding: 0.6em 0 1em 0 !important; }