FEAT #21541 TIME 0:30 add sass for action administration component

src/frontend/app/administration/action/action-administration.component.scss

+.input-form {
+    font-size: 13px;
+    color: #666;
+    width: 400px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+
+    .mat-input-element {
+        color: var(--maarch-color-primary);
+        padding-left: 10px;
+    }
+
+    // input {
+    //     padding-left: 20px;
+    //     padding-right: 20px;
+    // }
+
+    ::ng-deep.mat-select-value-text {
+        padding-left: 20px;
+        color: var(--maarch-color-primary);
+    }
+
+    ::ng-deep.mat-form-field-label {
+        top: 15px;
+        left: 20px;
+    }
+
+    ::ng-deep.mat-form-field-infix {
+        display: flex;
+        padding-top: 0px;
+        padding-bottom: 5px;
+    }
+
+    ::ng-deep.mat-form-field-label-wrapper {
+        top: -13px;
+    }
+
+    ::ng-deep.mat-form-field-flex {
+        background: white;
+        height: 40px;
+        border-radius: 10px;
+        border: solid 1px var(--maarch-color-primary);
+    }
+
+    ::ng-deep .mat-form-field-underline {
+        display: none;
+    }
+
+    ::ng-deep.mat-form-field-prefix {
+        margin-left: 10px;
+    }
+
+    ::ng-deep.mat-form-field-suffix {
+        margin-right: 10px;
+    }
+
+    ::ng-deep.mat-select-arrow-wrapper {
+        padding-right: 20px;
+    }
+
+    ::ng-deep.mat-list-option {
+        color: rgba(0, 0, 0, 0.54);
+    }
+
+    ::ng-deep.mat-form-field-wrapper {
+        padding: 0px;
+    }
+
+    /*textarea.cdk-textarea-autosize-measuring {
+        padding: 4px 0 !important;
+    }*/
+
+    ::ng-deep.mat-datepicker-toggle-default-icon {
+        height: auto;
+    }
+}
+
+.input-form.input-select {
+
+}
+
+.input-form.input-date {
+    ::ng-deep.mat-form-field-flex {
+        align-items: center;
+
+    }
+    ::ng-deep.mat-date-range-input-start-wrapper {
+        flex: 1;
+    }
+
+    ::ng-deep.mat-date-range-input-inner {
+        color: var(--maarch-color-primary);
+    }
+    /*::ng-deep.mat-form-field-infix {
+        padding-top: 5px;
+    }*/
+}
+
+.radio-form {
+    padding-left: 20px;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    width: 100%;
+
+    .mat-radio-button {
+        flex: 1;
+
+        ::ng-deep.mat-radio-label-content {
+            font-weight: normal;
+            color: rgba(0, 0, 0, 0.54);
+        }
+    }
+
+    .mat-radio-disabled {
+        opacity: 0.5;
+    }
+}
+
+.checkbox-form {
+    width: 100%;
+    padding: 0px;
+    border: solid 1px var(--maarch-color-primary);
+    border-radius: 30px;
+    overflow: hidden;
+}
+
+.checkbox-selected-list {
+    margin-top: 10px;
+    // display: flex;
+    // justify-content: center;
+
+    ::ng-deep.mat-chip-list-wrapper {   
+        justify-content: center;
+    }
+
+    .mat-chip {
+        font-size: 13px;
+        margin-top: 10px;
+        margin-bottom: 10px;
+
+        @media (max-width: 768px) {
+            font-size: 1em;
+        }
+    }
+}
+
+.contact-form {
+    width: 100%;
+    padding: 0px;
+    overflow: hidden;
+}
\ No newline at end of file