:root{--background-color: #F7F7F7;--primary-color-const: #182756;--primary-color-const-opacity: #d2e3ff;--primary-color: #182756;--secondary-color: #F2C01C;--option-selected: #18275662;--tertiary-color: #41B06E;--text-color: #393939;--text-second-color: #858C99;--text-subtitle: #A0AEC0;--white: #fff;--gray-color-white: #E2E5EA;--gray-color-white-opacity: rgba(226, 229, 234, .19);--shadow: 0px 4px 4px 0px rgba(0, 0, 0, .05);--border-line: #e6e6e6;--color-gray: #666666;--table-background: #f1f1f1;--white-base: #fff;--white-bone: #F8FAF6;--btn-login: #273D43;--success: #27AE60;--success-light: #cbf7d7;--cancel: #ea3232;--cancel-light: #FACCCC;--span-table-user: #667085;--text-title-table-user: #8A92A6;--border-table-user: #EAECF0}.content-search{display:flex;justify-content:space-between;height:60px;width:100%;align-items:center}.content-search button{height:50px}.content-search .button-add-user-mobile{background-color:var(--success);color:var(--white)}.table-user{margin-top:20px;border:1px solid var(--border-table-user);box-shadow:var(--shadow);border-radius:40px}.table-user .table-header{background-color:var(--table-background);padding:20px 10px;align-items:center}.table-user h4{color:var(--text-title-table-user)}.table-user span{color:var(--span-table-user)}.table-user .secondary-header{display:none}.table-user .table-display{display:grid;grid-template-columns:.3fr 1.5fr .6fr .5fr .7fr .4fr;column-gap:1rem}.table-user .table-content{background-color:var(--white);padding:9px 7px;height:63vh;overflow-y:scroll}.table-user .table-content::-webkit-scrollbar{height:8px;width:7px}.table-user .table-content::-webkit-scrollbar-track{background-color:var(--table-background);border-radius:3px}.table-user .table-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.table-user .table-content::-webkit-scrollbar-thumb:hover{background:var(--text-second-color)}.table-user .table-footer{background-color:var(--white);border-top:1px solid var(--border-table-user);padding:20px 10px;display:flex;justify-content:space-between;align-items:center}.table-user .table-row{border-bottom:1px solid var(--border-line);padding:15px 0}.table-user .table-row p{text-overflow:ellipsis;overflow:hidden}.table-user .user-icon{display:flex;align-items:center;justify-content:center;margin:auto}@media (width < 1000px){.content-search{display:flex;flex-direction:column;gap:1rem;width:100%}.content-search .MuiInputBase-root{width:90vw!important}.table-user{margin:30px 0}.table-user .table-row{align-items:center}}@media (width < 1000px){.table-user .table-display{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,.5fr) repeat(2,.4fr) .7fr;grid-column-gap:0px;grid-row-gap:0px}.table-user .secondary-header{display:block;background-color:var(--table-background);padding:20px 10px}.table-user .user-icon{width:80px;height:80px}.table-user .table-header{display:none}.table-user .div1{grid-area:1/1/3/3}.table-user .div2{grid-area:1/3/2/7}.table-user .div3{grid-area:2/3/3/7}.table-user .div4{padding-left:20px;grid-area:3/1/4/7}.table-user .div5{padding-left:20px;grid-area:4/1/5/7}.table-user .div6{grid-area:5/6/6/7}.table-user .actions{display:flex;gap:1rem}}