dashboard

idp_client/src/styles.scss

@@ -5,6 +5,7 @@ html, body {
     padding: 0;
     overflow: hidden;
     font-family: Raleway, sans-serif;
+    background-color: #f0f0f0;
 }
 
 .safe {
@@ -13,4 +14,66 @@ html, body {
 
 .user {
     background-image: url("assets/icons/user.svg");
+}
+
+.flex-row{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+}
+
+.create-client__dialog{
+    width: 70vw;
+    min-width: 500px;
+    max-width: calc(100vw - 24px);
+
+    height: 70vh;
+    min-height: 600px;
+    max-height: 100vh;
+}
+
+.global-spinner{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: rgba(80, 80, 80, 0.3);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.mat-horizontal-content-container{
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+}
+
+.mat-horizontal-stepper-content {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+}
+
+mat-dialog-content {
+    flex: 1 1 auto;
+}
+
+mat-dialog-content {
+    height: 100%;
+}
+
+mat-stepper {
+    height: 100%;
+}
+
+.mat-horizontal-stepper-wrapper {
+    height: 100%;
+}
+
+.mat-horizontal-stepper-content-inactive {
+    height: 0;
+    max-height: 0;
 }