.rlt-public-wrap {
--rlt-primary: #034656;
--rlt-primary-dark: #02323e;
--rlt-primary-light: #dceaf0;
--rlt-border: #e0e0e0;
--rlt-text: #2c2c2c;
--rlt-muted: #777;
--rlt-gray: #f7f7f7;
font-family: inherit;
color: var(--rlt-text);
max-width: 100%;
margin: 0;
} .rlt-public-wrap .rlt-search-wrap {
display: flex;
gap: 12px;
align-items: center;
margin-bottom: 18px;
flex-wrap: wrap;
}
.rlt-public-wrap .rlt-search {
flex: 1;
min-width: 220px;
padding: 10px 16px;
border: 1px solid var(--rlt-border);
border-radius: 6px;
font-size: 15px;
outline: none;
background: #fff;
color: var(--rlt-text);
transition: border-color .15s;
}
.rlt-public-wrap .rlt-search:focus {
border-color: var(--rlt-primary);
box-shadow: 0 0 0 3px rgba(3, 70, 86, 0.15);
}
.rlt-public-wrap .rlt-count {
font-size: 0.85em;
color: var(--rlt-muted);
} .rlt-public-wrap .rlt-tabs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 22px;
padding-bottom: 8px;
}
.rlt-public-wrap .rlt-tab {
padding: 9px 16px !important;
border: 1px solid var(--rlt-primary) !important;
background: var(--rlt-primary) !important;
color: #fff !important;
border-radius: 24px !important;
cursor: pointer;
font-size: 0.86em !important;
transition: all .15s;
font-family: inherit;
line-height: 1.3;
text-decoration: none;
box-shadow: none;
}
.rlt-public-wrap .rlt-tab:hover,
.rlt-public-wrap .rlt-tab:focus {
background: var(--rlt-primary-dark) !important;
border-color: var(--rlt-primary-dark) !important;
color: #fff !important;
outline: none;
}
.rlt-public-wrap .rlt-tab.active {
background: #fff !important;
color: var(--rlt-primary) !important;
border-color: var(--rlt-primary) !important;
font-weight: 700;
box-shadow: inset 0 0 0 2px var(--rlt-primary);
}
.rlt-public-wrap .rlt-tab.active:hover {
background: var(--rlt-primary-light) !important;
color: var(--rlt-primary) !important;
} .rlt-public-wrap .rlt-section-title {
margin: 0 0 12px;
font-size: 1.2em;
color: var(--rlt-primary);
}
.rlt-public-wrap .rlt-table-wrap {
overflow-x: auto;
border: 1px solid var(--rlt-border);
border-radius: 6px;
background: #fff;
}
.rlt-public-wrap .rlt-table {
width: 100%;
border-collapse: collapse;
font-size: 0.92em;
background: #fff;
margin: 0;
}
.rlt-public-wrap .rlt-table thead th {
background: var(--rlt-primary) !important;
color: #fff !important;
padding: 12px 14px;
text-align: left;
font-weight: 600;
border-bottom: 2px solid var(--rlt-primary);
white-space: nowrap;
}
.rlt-public-wrap .rlt-table tbody td {
padding: 11px 14px;
border-bottom: 1px solid #f0f0f0;
vertical-align: top;
line-height: 1.45;
color: var(--rlt-text);
background: #fff;
}
.rlt-public-wrap .rlt-table tbody tr:last-child td {
border-bottom: none;
}
.rlt-public-wrap .rlt-table tbody tr:hover td {
background: var(--rlt-primary-light) !important;
color: var(--rlt-text) !important;
}
.rlt-public-wrap .rlt-table tbody tr.rlt-hidden {
display: none;
} .rlt-public-wrap .rlt-col-price {
text-align: right;
white-space: nowrap;
width: 100px;
font-weight: 700;
color: var(--rlt-primary);
}
.rlt-public-wrap .rlt-col-days {
text-align: center;
white-space: nowrap;
color: var(--rlt-muted);
width: 90px;
}
.rlt-public-wrap .rlt-col-material {
color: var(--rlt-muted);
font-size: 0.92em;
width: 25%;
} .rlt-public-wrap .rlt-sections > .rlt-section + .rlt-section {
margin-top: 32px;
} @media (max-width: 700px) {
.rlt-public-wrap .rlt-col-material { display: none; }
.rlt-public-wrap .rlt-tab { font-size: 0.78em !important; padding: 7px 12px !important; }
.rlt-public-wrap .rlt-table thead th,
.rlt-public-wrap .rlt-table tbody td { padding: 9px 10px; font-size: 0.88em; }
.rlt-public-wrap .rlt-col-price { width: 90px; }
}
@media (max-width: 480px) {
.rlt-public-wrap .rlt-col-days { width: 70px; font-size: 0.82em; }
}