:root{
    --primary-color:#154398 !important;
    --secondary-color:var(--yellow);
}
.text-p-primary, .text-main{
    color: var(--primary-color) !important;
}
.table{
    --table-border-color: #e8e8e8 !important;
}
.ttitle{
    color:  #154398 !important;
    font-size: 110%;
    font-weight: 600;
}
.bg-blue{
    background: var(--primary-color) !important;
}

.my_message{
    background: aliceblue;
}
.out_message{
    background: #fffdef;
}
.btn-sm{
    font-size: 95% !important;
    padding: .25em .7em !important;
}
.starrr {
    display: inline-block;
}
.starrr a {
    font-size: 2.6em;
    padding: 0 1px;
    margin: auto 5px !important;
    cursor: pointer;
    color: #FFD119;
    text-decoration: none;
}
.expired_plan{
    --bg-opacity: 0.35 !important;
}
.inline-table{
    display: inline-grid !important;
    line-height: 1 !important;
    margin-bottom: .5em !important;
}

.styled-content img{
    max-width: 100% !important;
    height: unset !important;
}
.styled-content table{
    max-width: 100% !important;
    height: unset !important;
}

.styled-content table {
    width: 100%;
    border-collapse: collapse; /* ensures single clean borders */
    border: 1px solid #ccc; /* outer border */
    font-family: Arial, sans-serif;
}


.styled-content tbody td {
    border: 1px solid #ccc;
    padding: 6px;
}

.styled-content tbody tr:nth-child(even) {
    background-color: #fafafa; /* subtle zebra stripes */
}

tbody tr:hover {
    background-color: #f5f5f5; /* highlight on hover */
}
.styled-content tr:nth-child(1) {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    padding: 5px;
    text-align: left;
}
.styled-content th{
    font-weight: bold;
    padding: 6px;
    border: 1px solid #ccc;
}
.styled-content th p, .styled-content td p{
    margin: 0;
}
.styled-content .explanation h6{
    margin-top: 13px;
    margin-bottom: 1px;
}