/* Start custom CSS for html, class: .elementor-element-57b6e2a */* {
  box-sizing: border-box;
  }

body {
direction: rtl;
font-family: Tahoma, Arial, sans-serif;
background:
radial-gradient(circle at 90% 10%, rgba(97, 206, 112, 0.15), transparent 30%),
radial-gradient(circle at 10% 90%, rgba(39, 174, 96, 0.08), transparent 30%),
#f4f7f6;
color: #263238;
min-height: 100vh;
}

/* =========================================
Container
========================================= */

.container {
max-width: 1450px;
padding-top: 30px;
padding-bottom: 50px;
}

/* =========================================
عنوان جدول
========================================= */

h2.text-center {
position: relative;

```
margin: 10px 0 30px;
padding: 28px 20px;

color: #fff;

font-size: 28px;
font-weight: 800;

background: linear-gradient(
    135deg,
    #1e9d55,
    #61CE70,
    #20b968
);

border-radius: 22px;

box-shadow:
    0 15px 35px rgba(39, 174, 96, 0.20);

overflow: hidden;
```

}

h2.text-center::before {
content: "🦷";

```
display: block;

font-size: 38px;

margin-bottom: 8px;
```

}

h2.text-center::after {
content: "";

```
position: absolute;

width: 220px;
height: 220px;

border-radius: 50%;

background: rgba(255, 255, 255, 0.08);

left: -80px;
top: -130px;
```

}

/* =========================================
Search
========================================= */

#searchInput {
    width: 100%;
    height: 60px;

    /* فاصله متن از آیکون */
    padding: 0 70px 0 20px;

    border: 2px solid #e5ebe7;
    border-radius: 17px;

    background-color: #fff;

    color: #263238;

    font-family: Tahoma, Arial, sans-serif;
    font-size: 14px;

    outline: none;

    /* آیکون جستجو */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2361CE70' viewBox='0 0 16 16'%3E%3Cpath d='M11 6a5 5 0 1 1-10 0 5 5 0 0 1 10 0zM10.293 11.707a1 1 0 0 1 1.414-1.414l3.999 3.999a1 1 0 0 1-1.414 1.414l-3.999-3.999z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;

    /* آیکون سمت راست */
    background-position: right 20px center;

    background-size: 21px;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.05);

    transition: all 0.25s ease;
}

#searchInput::placeholder {
    color: #9aa5a0;
}

#searchInput:focus {
    border-color: #61CE70;

    box-shadow:
        0 0 0 5px rgba(97, 206, 112, 0.12),
        0 10px 30px rgba(0, 0, 0, 0.06);

    outline: none;

    transform: translateY(-1px);
}
#searchInput::placeholder {
color: #9aa5a0;
}

#searchInput:focus {
border-color: #61CE70;

```
box-shadow:
    0 0 0 5px rgba(97, 206, 112, 0.12),
    0 10px 30px rgba(0, 0, 0, 0.06);

transform: translateY(-1px);
```

}

/* =========================================
Table Responsive
========================================= */

.table-responsive {
margin-top: 20px;

```
border-radius: 20px;

background: #fff;

border: 1px solid #e8eeeb;

box-shadow:
    0 15px 45px rgba(0, 0, 0, 0.07);

overflow-x: auto;
overflow-y: hidden;
```

}

/* =========================================
Table
========================================= */

.table {
width: 100%;

```
margin-bottom: 0;

border-collapse: separate;
border-spacing: 0;

font-size: 13px;
```

}

/* =========================================
Table Header
========================================= */

.table thead {
position: sticky;
top: 0;

```
z-index: 5;
```

}

.table thead th {
padding: 18px 15px;

```
background: linear-gradient(
    135deg,
    #263238,
    #37474f
) !important;

color: #fff !important;

border: none !important;

font-size: 14px;
font-weight: 700;

white-space: nowrap;

vertical-align: middle;

box-shadow:
    inset 0 -3px 0 #61CE70;
```

}

.table thead th:first-child {
border-top-right-radius: 17px;
}

.table thead th:last-child {
border-top-left-radius: 17px;
}

/* =========================================
Table Body
========================================= */

.table tbody tr {
background: #fff;

```
transition:
    background-color 0.2s ease,
    box-shadow 0.2s ease;
```

}

.table tbody tr:nth-child(even) {
background-color: #fafcfb;
}

.table tbody tr:hover {
background-color: #effbf2 !important;

```
box-shadow:
    inset 5px 0 0 #61CE70;
```

}

.table tbody td {
padding: 17px 14px;

```
border-top: 1px solid #edf1ef;
border-bottom: none;

color: #526168;

line-height: 1.9;

vertical-align: middle;
```

}

/* =========================================
ردیف
========================================= */

.table tbody td:first-child {
width: 70px;

```
color: #27a957;

font-weight: 800;

text-align: center;

font-size: 14px;
```

}

/* =========================================
نام مرکز
========================================= */

.table tbody td:nth-child(2) {
min-width: 230px;

```
color: #263238;

font-weight: 700;
```

}

.table tbody tr:hover td:nth-child(2) {
color: #1e9d51;
}

/* =========================================
طرح ها
========================================= */

.table tbody td:nth-child(3) {
min-width: 220px;

```
color: #59686d;

font-size: 12.5px;
```

}

/* =========================================
تلفن
========================================= */

.table tbody td:nth-child(4) {
min-width: 140px;

```
direction: ltr;

text-align: center;

white-space: nowrap;

color: #188b4b;

font-weight: 700;
```

}

/* =========================================
آدرس
========================================= */

.table tbody td:nth-child(5) {
min-width: 350px;

```
color: #59686d;

text-align: right;
```

}

/* =========================================
حذف Border های Bootstrap
========================================= */

.table-bordered > :not(caption) > * {
border-width: 0;
}

.table-bordered > :not(caption) > * > * {
border-width: 0;
}

/* =========================================
Scrollbar
========================================= */

.table-responsive::-webkit-scrollbar {
height: 9px;
}

.table-responsive::-webkit-scrollbar-track {
background: #edf2ef;

```
border-radius: 20px;
```

}

.table-responsive::-webkit-scrollbar-thumb {
background: #aebdb4;

```
border-radius: 20px;
```

}

.table-responsive::-webkit-scrollbar-thumb:hover {
background: #61CE70;
}

/* =========================================
Mobile
========================================= */

@media (max-width: 768px) {

```
.container {
    padding-left: 10px;
    padding-right: 10px;

    padding-top: 15px;
}

h2.text-center {
    margin-top: 5px;
    margin-bottom: 20px;

    padding: 20px 15px;

    font-size: 21px;

    border-radius: 17px;
}

h2.text-center::before {
    font-size: 28px;
}

#searchInput {
    height: 52px;

    font-size: 13px;

    border-radius: 14px;

    padding-right: 50px;
}

.table-responsive {
    margin-top: 15px;

    border-radius: 15px;
}

.table {
    min-width: 900px;
}

.table thead th {
    padding: 15px 12px;

    font-size: 12px;
}

.table tbody td {
    padding: 14px 12px;

    font-size: 12px;
}

.table tbody td:nth-child(2) {
    font-size: 12px;
}

.table tbody td:nth-child(3) {
    font-size: 11px;
}

.table tbody td:nth-child(5) {
    font-size: 11px;
}
```

}

/* =========================================
Mobile کوچک
========================================= */

@media (max-width: 480px) {

```
.container {
    padding-left: 7px;
    padding-right: 7px;
}

h2.text-center {
    font-size: 18px;

    padding: 17px 10px;
}

#searchInput {
    height: 48px;

    font-size: 12px;
}

.table {
    min-width: 850px;
}
```

}/* End custom CSS */