@solidxai/core-ui 0.1.1 → 0.1.2

package/src/components/core/common/FilterComponent.tsx

@@ -1,457 +0,0 @@
-// @ts-nocheck
-import { Calendar } from 'primereact/calendar';
-import { Dropdown } from 'primereact/dropdown';
-import { InputNumber } from 'primereact/inputnumber';
-import { InputText } from 'primereact/inputtext';
-import { Tooltip } from 'primereact/tooltip';
-import React, { useEffect, useRef, useState } from 'react';
-import { SolidFilterFields } from '../filter/SolidFilterFields';
-import { Button } from 'primereact/button';
-import { Fieldset } from 'primereact/fieldset';
-import { OverlayPanel } from 'primereact/overlaypanel';
-import { AutoComplete } from 'primereact/autocomplete';
-
-export enum FilterRuleType {
-  RULE = 'rule',
-  RULE_GROUP = 'rule_group'
-}
-
-export enum FilterOperator {
-  AND = 'and',
-  OR = 'or'
-}
-
-export enum FilterMatchMode {
-  STARTS_WITH = 'startsWith',
-  CONTAINS = 'contains',
-  EQUALS = 'equals',
-  GREATER_THAN = 'gt',
-  LESS_THAN = 'lt',
-}
-
-export interface FilterRule {
-  id: number;
-  type: FilterRuleType;
-  matchOperator?: FilterOperator;
-  fieldName?: string | null;
-  matchMode?: FilterMatchMode | null;
-  value?: any;
-  parentRule: number | null;
-  children?: FilterRule[];
-}
-
-export interface Field {
-  name: string;
-  type: 'string' | 'number' | 'date';
-}
-
-// const fields: Field[] = [
-//   { name: 'name', type: 'string' },
-//   { name: 'dob', type: 'date' },
-//   { name: 'lastName', type: 'string' },
-//   { name: 'amount', type: 'number' }
-// ];
-
-const operatorOptions = {
-  // string: [FilterMatchMode.CONTAINS, FilterMatchMode.EQUALS],
-  // date: [FilterMatchMode.EQUALS, FilterMatchMode.GREATER_THAN, FilterMatchMode.LESS_THAN],
-  // number: [FilterMatchMode.GREATER_THAN, FilterMatchMode.LESS_THAN],
-  id: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],
-  int: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],
-  bigint: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],
-  float: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],
-  decimal: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN],
-  shortText: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.IN, FilterMatchMode.NOT_IN],
-  longText: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.IN, FilterMatchMode.NOT_IN],
-  richText: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.IN, FilterMatchMode.NOT_IN],
-  boolean: [FilterMatchMode.EQUALS],
-  date: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO, FilterMatchMode.IN, FilterMatchMode.NOT_IN, FilterMatchMode.BETWEEN,],
-  datetime: [FilterMatchMode.EQUALS],
-  time: [FilterMatchMode.EQUALS],
-  relation: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],
-  mediaSingle: [],
-  mediaMultiple: [],
-  selectionStatic: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],
-  selectionDynamic: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],
-  computed: [],
-  externalId: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],
-  uuid: [FilterMatchMode.IN, FilterMatchMode.NOT_IN],
-
-};
-
-const getRandomInt = (min, max) => {
-  return Math.floor(Math.random() * (max - min + 1)) + min;
-}
-
-// Component to render a single filter rule
-const FilterRuleComponent = ({ viewData, fields, rule, onChange, onAddRule, onAddGroup, onDelete, level }) => {
-  // const applicableOperators = rule.fieldName ? operatorOptions[fields.find(f => f.name === rule.fieldName)?.value.type].map(e => { return { name: e } }) : [];
-  // const applicableInputField = rule.fieldName ? fields.find(f => f.name === rule.fieldName)?.type : "";
-
-  const autoCompleteRef = useRef(null);
-
-  const [fieldName, setFieldName] = useState({ name: rule.fieldName });
-  const [matchMode, setMatchMode] = useState({ name: rule.matchMode });
-
-  const [filteredFields, setFilteredFields] = useState<any[]>([]);
-
-  const searchFields = (event: any) => {
-    const query = event.query.toLowerCase();
-    const filtered = !query
-      ? fields
-      : fields.filter((item: any) =>
-        item.name.toLowerCase().startsWith(query)
-      );
-    setFilteredFields(filtered);
-    setTimeout(() => {
-        autoCompleteRef.current?.show();
-    }, 0);
-  };
-  return (
-    // <div style={{ marginLeft: (level - 1) * 10 + 'px' }} className="filter-rule">
-
-    <div className='mt-2'>
-      <div className='flex flex-column md:flex-row  align-items-start md:align-items-center gap-2 md:gap-3'>
-        <div className='formgrid grid w-full'>
-          <div className='col-12 md:col-4 pb-2 md:pb-0'>
-            <AutoComplete
-              ref={autoCompleteRef}
-              value={fieldName.name}
-              suggestions={filteredFields}
-              completeMethod={searchFields}
-              field="name"
-              dropdown
-              forceSelection // only values from list
-              placeholder="Select Field"
-              className="w-full p-inputtext-sm solid-filter-auto-complete-field"
-              onChange={(e) => {
-                setFieldName({ name: e.value }); // e.value will be an object or null
-                if (e.value) {
-                  onChange(rule.id, 'fieldName', e.value.value); // send value to parent
-                } else {
-                  onChange(rule.id, 'fieldName', '');
-                }
-              }}
-            />
-          </div>
-          <div className='col-12 md:col-8'>
-            <div className='formgrid grid w-full'>
-              {rule.fieldName ?
-                <div className='col-12'>
-                  <SolidFilterFields viewData={viewData} fieldMetadata={viewData.data.solidFieldsMetadata[rule.fieldName]} onChange={onChange} index={rule.id} rule={rule}></SolidFilterFields>
-                </div>
-                : <>
-                  <div className='col-12 md:col-6 pb-2 md:pb-0'>
-                    <InputText
-                      disabled
-                      value={rule.value || ''}
-                      placeholder="operator"
-                      className='w-full p-inputtext-sm '
-                    />
-                  </div>
-                  <div className='col-12 md:col-6'>
-                    <InputText
-                      disabled
-                      value={rule.value || ''}
-                      placeholder="value"
-                      className='w-full p-inputtext-sm'
-                    />
-                  </div>
-                </>
-              }
-            </div>
-          </div>
-        </div>
-        <div className='formgrid grid'>
-          <div className='col-4 px-0 flex align-items-center'>
-            <Button text severity='secondary' icon="pi pi-plus" size='small' onClick={() => onAddRule(rule.parentRule)} className='solid-filter-action-btn' />
-          </div>
-          <div className='col-4 px-0 flex align-items-center'>
-            <Button text severity='secondary' icon={"pi pi-folder-plus"} size='small' onClick={() => onAddGroup(rule.id)} className='solid-filter-action-btn' />
-          </div>
-          <div className='col-4 px-0 flex align-items-center'>
-            <Button text severity='secondary' icon="pi pi-trash" size='small' onClick={() => onDelete(rule.id)} className='solid-filter-action-btn' />
-          </div>
-        </div>
-      </div>
-
-      {rule.children && rule.children.map(nestedRule => (
-        <div className='py-3 nested-custom-filter' key={nestedRule.id}>
-          {nestedRule.type === FilterRuleType.RULE
-            ? <FilterRuleComponent key={nestedRule.id} viewData={viewData} fields={fields} rule={nestedRule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />
-            : <FilterGroupComponent key={nestedRule.id} viewData={viewData} fields={fields} group={nestedRule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />
-          }
-        </div>
-      ))}
-      {/* <Button text label='Add Condition' icon="pi pi-plus" size='small' onClick={() => onAddRule(rule.parentRule)} /> */}
-    </div>
-  );
-};
-
-// Component to render a group of filter rules
-const FilterGroupComponent = ({ viewData, fields, group, onChange, onAddRule, onAddGroup, onDelete, level }) => {
-  const op = useRef(null);
-  const legendTemplate = (
-    <>
-      <Button
-        size='small'
-        label={group.matchOperator}
-        className='small-button'
-        icon="pi pi-angle-down"
-        iconPos='right'
-        onClick={(e) => op.current.toggle(e)}
-        style={{
-          textTransform: "uppercase"
-        }}
-      />
-      <OverlayPanel ref={op} className='m-0'>
-        <div className='flex flex-column'>
-          <Button
-            size="small"
-            label="AND"
-            text
-            className='small-button'
-            onClick={(e) => { onChange(group.id, 'matchOperator', FilterOperator.AND); op.current.hide(e) }}
-          />
-          <Button
-            size="small"
-            label="OR"
-            text
-            className='small-button'
-            onClick={(e) => { onChange(group.id, 'matchOperator', FilterOperator.OR); op.current.hide(e) }}
-          />
-        </div>
-      </OverlayPanel>
-    </>
-    // <select className='filter-select'
-    //   value={group.matchOperator}
-    //   onChange={e => onChange(group.id, 'matchOperator', e.target.value)}
-    // >
-    //   <option value={FilterOperator.AND}>AND</option>
-    //   <option value={FilterOperator.OR}>OR</option>
-    // </select>
-  )
-  return (
-    <Fieldset legend={legendTemplate} className='primary-filter-fieldset'>
-      {group.children && group.children.map(rule => (
-        rule.type === FilterRuleType.RULE
-          ? <FilterRuleComponent key={rule.id} viewData={viewData} fields={fields} rule={rule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />
-          : <FilterGroupComponent key={rule.id} viewData={viewData} fields={fields} group={rule} onChange={onChange} onAddRule={onAddRule} onAddGroup={onAddGroup} onDelete={onDelete} level={level + 1} />
-      ))}
-      {/* {level > 0 &&
-        <div className='mt-2'>
-          <Button size="small" severity='danger' icon="pi pi-trash " onClick={() => onDelete(group.id)} />
-        </div>
-      } */}
-
-      {/* Add Condition Button to add parent rule */}
-      {level === 0 &&
-        <Button text label='Add Condition' icon="pi pi-plus" size='small' onClick={() => onAddRule(group.id)} className='px-0 mt-2' />
-      }
-    </Fieldset>
-  );
-};
-
-// Main Filter component
-const FilterComponent = ({ viewData, fields, filterRules, setFilterRules, transformFilterRules, closeDialog }) => {
-  // const initialState: FilterRule[] = [
-  //   {
-  //     id: 1,
-  //     type: FilterRuleType.RULE_GROUP,
-  //     matchOperator: FilterOperator.OR,
-  //     parentRule: null,
-  //     children: [
-  //       {
-  //         id: Date.now() + getRandomInt(1, 500),
-  //         type: FilterRuleType.RULE,
-  //         fieldName: null,
-  //         matchMode: null,
-  //         value: null,
-  //         parentRule: 1,
-  //         children: []
-  //       }
-  //     ]
-  //   }
-  // ];
-
-  // const [filterRules, setFilterRules] = useState<FilterRule[]>(initialState);
-  const [printedState, setPrintedState] = useState<string>('');
-
-  const addChild = (rules, parentId, newChild) => {
-    return rules.map(rule => {
-      if (rule.id === parentId) {
-        return {
-          ...rule,
-          children: [...(rule.children || []), newChild]
-        };
-      } else if (rule.children) {
-        return {
-          ...rule,
-          children: addChild(rule.children, parentId, newChild)
-        };
-      }
-      return rule;
-    });
-  };
-
-  const handleChange = (id, key, value) => {
-    const updateRuleRecursively = (rules) => {
-      return rules.map(rule => {
-        if (rule.id === id) {
-          return { ...rule, [key]: value };
-        } else if (rule.children) {
-          return {
-            ...rule,
-            children: updateRuleRecursively(rule.children)
-          };
-        }
-        return rule;
-      });
-    };
-    setFilterRules(prev => updateRuleRecursively(prev));
-  };
-
-  const handleAddRule = (parentGroupId) => {
-    const newRule: FilterRule = {
-      id: Date.now(),
-      type: FilterRuleType.RULE,
-      fieldName: null,
-      matchMode: null,
-      value: null,
-      parentRule: parentGroupId,
-      children: []
-    };
-    setFilterRules(prev => addChild(prev, parentGroupId, newRule));
-  };
-
-  const handleAddGroup = (parentRuleId) => {
-    const newGroupId = Date.now();
-    const newGroup: FilterRule = {
-      id: newGroupId,
-      type: FilterRuleType.RULE_GROUP,
-      matchOperator: FilterOperator.AND,
-      parentRule: parentRuleId,
-      children: [
-        {
-          id: Date.now() + getRandomInt(1, 500),
-          type: FilterRuleType.RULE,
-          fieldName: null,
-          matchMode: null,
-          value: null,
-          parentRule: newGroupId,
-          children: []
-        },
-        {
-          id: Date.now() + getRandomInt(1, 500),
-          type: FilterRuleType.RULE,
-          fieldName: null,
-          matchMode: null,
-          value: null,
-          parentRule: newGroupId,
-          children: []
-        }
-      ]
-    };
-    setFilterRules(prev => addChild(prev, parentRuleId, newGroup));
-  };
-
-  // const handleDeleteRule = (id) => {
-  //   const deleteRecursively = (rules, id) => {
-  //     return rules.filter(rule => rule.id !== id).map(rule => {
-  //       if (rule.children) {
-  //         return {
-  //           ...rule,
-  //           children: deleteRecursively(rule.children, id)
-  //         };
-  //       }
-  //       return rule;
-  //     });
-  //   };
-  //   setFilterRules(prev => deleteRecursively(prev, id));
-  // };
-
-
-  const removeEmptyGroups = (rule) => {
-    if (rule.type === "rule_group" && rule.children.length === 0) {
-      return null;
-    }
-
-    rule.children = rule.children
-      .map(removeEmptyGroups) // Recursively process children
-      .filter(child => child !== null); // Remove null values
-
-    return rule;
-  };
-
-
-  const handleDeleteRule = (id) => {
-    if (filterRules[0].children.length === 1 && filterRules[0].children[0].id === id) {
-      return
-    }
-    const deleteRecursively = (rules, id, isRoot = false) => {
-      const mappedData = rules
-        .map(rule => {
-          if (rule.id === id) {
-            return null; // Remove the target rule
-          }
-
-          if (rule.children) {
-            const updatedChildren = deleteRecursively(rule.children, id);
-
-            // If this rule had children and now has none, keep it but set children to []
-            if (rule.children.length > 0 && updatedChildren.length === 0) {
-              return { ...rule, children: [] };
-            }
-
-            return { ...rule, children: updatedChildren };
-          }
-
-          return rule;
-        })
-        .filter(rule => rule !== null); // Remove null values
-
-      return mappedData
-    };
-
-    setFilterRules(prevRules => [removeEmptyGroups(deleteRecursively(prevRules, id, true)[0])]);
-  };
-
-
-
-
-
-  // const handlePrintState = () => {
-  //   // setPrintedState(JSON.stringify(filterRules, null, 2)); // Pretty format the state
-  //   transformFilterRules(filterRules)
-  // };
-
-
-
-
-  return (
-    <div className=''>
-      {filterRules.map(rule => (
-        <FilterGroupComponent
-          key={rule.id}
-          viewData={viewData}
-          fields={fields}
-          group={rule}
-          onChange={handleChange}
-          onAddRule={handleAddRule}
-          onAddGroup={handleAddGroup}
-          onDelete={handleDeleteRule}
-          level={0} // Top-level group
-        />
-      ))}
-      <div className='flex gap-3 mt-3'>
-        <Button label="Apply" size="small" onClick={() => transformFilterRules(filterRules)} type="submit" />
-        <Button type='button' label='Cancel' outlined size='small' onClick={closeDialog} />
-        {/* 
-        <br></br>
-        <textarea value={printedState} readOnly rows={20} cols={100} style={{ marginTop: '20px' }} /> */}
-      </div>
-    </div>
-  );
-};
-
-export default FilterComponent;

package/src/components/core/common/PDFViewer.tsx

@@ -1,117 +0,0 @@
-
-
-import { useEffect, useState } from 'react';
-import { Document, Page, pdfjs } from 'react-pdf';
-import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
-import 'react-pdf/dist/esm/Page/TextLayer.css';
-
-// Local worker recommended (avoids CORS)
-pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.min.js`;
-
-export default function PDFViewer({ url }: any) {
-    const [numPages, setNumPages] = useState<any>(null);
-    const [pageNumber, setPageNumber] = useState(1);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState<any>(null);
-    const [blobUrl, setBlobUrl] = useState<string | null>(null);
-
-    // Convert signed URL → Blob → Object URL
-    useEffect(() => {
-        if (!url) return;
-
-        setLoading(true);
-        setError(null);
-
-        fetch(url)
-            .then(async (res) => {
-                if (!res.ok) throw new Error("Failed to fetch PDF");
-
-                const blob = await res.blob();
-                const blobUrl = URL.createObjectURL(blob);
-                setBlobUrl(blobUrl);
-                setLoading(false);
-            })
-            .catch((err) => {
-                console.error("Blob fetch error:", err);
-                setError("Failed to load PDF");
-                setLoading(false);
-            });
-    }, [url]);
-
-    function onDocumentLoadSuccess({ numPages }: any) {
-        setNumPages(numPages);
-        setError(null);
-    }
-
-    function onDocumentLoadError(err: any) {
-        console.error("PDF load error:", err);
-        setError("Failed to render PDF");
-    }
-
-    const goToPrevPage = () => setPageNumber((p) => Math.max(p - 1, 1));
-    const goToNextPage = () => setPageNumber((p) => Math.min(p + 1, numPages));
-
-    if (!url) {
-        return (
-            <div className="flex items-center justify-center h-96 bg-gray-100 rounded-lg">
-                <p className="text-gray-500">No PDF URL provided</p>
-            </div>
-        );
-    }
-
-    return (
-        <div className="flex flex-col items-center space-y-4 p-4">
-            {loading && (
-                <div className="flex items-center justify-center h-96 bg-gray-100 rounded-lg w-full">
-                    <p className="text-gray-600">Loading PDF...</p>
-                </div>
-            )}
-
-            {error && (
-                <div className="flex items-center justify-center h-96 bg-red-50 rounded-lg w-full">
-                    <p className="text-red-600">{error}</p>
-                </div>
-            )}
-
-            {/* Render only after Blob URL is created */}
-            {blobUrl && !loading && !error && (
-                <Document
-                    file={blobUrl}
-                    onLoadSuccess={onDocumentLoadSuccess}
-                    onLoadError={onDocumentLoadError}
-                    className="border border-gray-300 rounded-lg shadow-lg"
-                >
-                    <Page
-                        pageNumber={pageNumber}
-                        renderTextLayer={true}
-                        renderAnnotationLayer={true}
-                    />
-                </Document>
-            )}
-
-            {numPages && (
-                <div className="flex items-center space-x-4 bg-white p-4 rounded-lg shadow-md">
-                    <button
-                        onClick={goToPrevPage}
-                        disabled={pageNumber <= 1}
-                        className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed"
-                    >
-                        Previous
-                    </button>
-
-                    <span className="text-gray-700 font-medium">
-                        Page {pageNumber} of {numPages}
-                    </span>
-
-                    <button
-                        onClick={goToNextPage}
-                        disabled={pageNumber >= numPages}
-                        className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed"
-                    >
-                        Next
-                    </button>
-                </div>
-            )}
-        </div>
-    );
-}

package/src/components/core/common/SolidAccountSettings/SolidAccountSettings.module.css

@@ -1,59 +0,0 @@
-.SolidSettingTab {
-    border-radius: 6px;
-    padding: 10px 16px;
-    cursor: pointer;
-}
-
-.SolidActiveSetting {
-    background-color: var(--surface-hover);
-    color: var(--primary-color);
-    font-weight: 600;
-}
-
-.SolidDeActiveSetting {
-    background-color: transparent;
-    font-weight: 400;
-}
-
-.SolidDeActiveSetting:hover {
-    background-color: var(--surface-hover);
-}
-
-.SolidSettingTabWrapper {
-    border-right: 1px solid var(--primary-light-color);
-    /* background-color: var(--surface-c); */
-}
-
-.SolidAccountSettingFormWrapper {
-    min-height: 60vh;
-    max-height: 80vh;
-    overflow-y: hidden;
-}
-
-.SolidRemoveProfile {
-    position: absolute;
-    right: 0;
-    top: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 28px;
-    width: 28px;
-    border-radius: 50%;
-    background-color: #fff;
-    cursor: pointer;
-    transition: 0.3s linear;
-    color: #ef4444;
-    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
-
-.SolidRemoveProfile:hover {
-    transform: scale(1.1);
-}
-
-
-@media(max-width:991px) {
-    .SolidSettingTab {
-        padding: 10px 12px !important;
-    }
-}