.dataset-profile-editor { margin-top: 1.3rem; .full-width { width: 100%; } } .deleteBtn{ margin-right:2em; } // REFACTORED CSS .stepper{ background-color: transparent; min-height: 500px; } .content-displayer{ background-color: #fff; border-radius: 7px; box-shadow: 0px 1px 2px #bfbfbf; padding: 0em; // padding-top: 0em; overflow: visible; // min-height: 30em; } .heading { text-align: left; font-weight: 700; font-size: 18px; letter-spacing: 0px; color: #212121; opacity: 0.81; margin-top: 1.625rem; margin-bottom: 0.625rem; } .hint { text-align: left; font-weight: 400; font-size: 16px; letter-spacing: 0px; color: #212121; opacity: 0.81; margin-bottom: 0.125rem; } //TO CHECK :host ::ng-deep .mat-horizontal-content-container { overflow: visible; } :host ::ng-deep .mat-form-field-outline{ background-color: #ffffff4f; } :host ::ng-deep .mat-horizontal-stepper-header-container { display: none !important; } #progress{ position: absolute; height: 100%; width: 110%; transform: translateX(-110%); transition-property: transform; transition-duration: 600ms; transition-timing-function: ease-out; transition-delay: 50ms; box-shadow: 0px 1px 2px #bfbfbf; background-color: #f7dd72; } #progress-container{ box-shadow: 0px 1px 2px #bfbfbf; border-radius: .3em; } // .import-btn { // background: #ffffff 0% 0% no-repeat padding-box; // border-radius: 30px; // // color: #129d99; // // border: 1px solid #129d99; // padding-left: 2em; // padding-right: 2em; // color: #000; // border: 1px solid #000; // } .navigate-btn { border-radius: 30px; background-color: #f7dd72; padding-left: 2em; padding-right: 2em; } $blue-color : #129D99; $blue-color-light: #5cf7f2; .actions-list{ border: 1px solid $blue-color; border-radius: 3px; padding-top: 1rem; padding-bottom: 1rem; } #style-6::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } #style-6::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } #style-6::-webkit-scrollbar-thumb { background-color: rgb(162, 163, 163); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) } #style-2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } #style-2::-webkit-scrollbar { width: 4px; background-color: #F5F5F5; } #style-2::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: rgb(158, 158, 158)// #FFF;//$blue-color-light;// rgb(162, 163, 163);// #D62929; }