.bg-dotted {
    --fn-bg-color: var(--fn-tertiary-bg);
    --fn-dot-color: var(--fn-secondary);
    --fn-dot-size: 1px;
    --fn-dot-space: 20px;
    background: linear-gradient(90deg, var(--fn-bg-color) calc(var(--fn-dot-space) - var(--fn-dot-size)), transparent 1%) 50%, linear-gradient(var(--fn-bg-color) calc(var(--fn-dot-space) - var(--fn-dot-size)), transparent 1%) 50%,
        var(--fn-dot-color);
    background-size: var(--fn-dot-space) var(--fn-dot-space);
}
.border-dashed {
    --fn-border-style: dashed;
}
.border-dotted {
    --fn-border-style: dotted;
}
.transition-none {
    transition: none !important;
}
.transform-none {
    transform: none !important;
}
.bg-image-none {
    background-image: none !important;
}
.table {
    --fn-table-color-type: initial;
    --fn-table-bg-type: initial;
    --fn-table-color-state: initial;
    --fn-table-bg-state: initial;
    --fn-table-color: var(--fn-emphasis-color);
    --fn-table-bg: var(--fn-body-bg);
    --fn-table-border-color: var(--fn-border-color);
    --fn-table-accent-bg: transparent;
    --fn-table-striped-color: var(--fn-emphasis-color);
    --fn-table-striped-bg: rgba(51, 61, 76, 0.05);
    --fn-table-active-color: var(--fn-emphasis-color);
    --fn-table-active-bg: rgba(51, 61, 76, 0.1);
    --fn-table-hover-color: var(--fn-emphasis-color);
    --fn-table-hover-bg: rgba(51, 61, 76, 0.075);
    border-color: var(--fn-table-border-color);
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
}
.table > :not(caption) > * > * {
    background-color: var(--fn-table-bg);
    border-bottom-width: var(--fn-border-width);
    box-shadow: inset 0 0 0 9999px var(--fn-table-bg-state, var(--fn-table-bg-type, var(--fn-table-accent-bg)));
    color: var(--fn-table-color-state, var(--fn-table-color-type, var(--fn-table-color)));
    padding: 0.75rem;
}
.table > tbody {
    vertical-align: inherit;
}
.table > thead {
    vertical-align: bottom;
}
.table-group-divider {
    border-top: calc(var(--fn-border-width) * 2) solid;
}
.caption-top {
    caption-side: top;
}
.table-sm > :not(caption) > * > * {
    padding: 0.375rem;
}
.table-bordered > :not(caption) > * {
    border-width: var(--fn-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
    border-width: 0 var(--fn-border-width);
}
.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
    border-top-width: 0;
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n),
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --fn-table-color-type: var(--fn-table-striped-color);
    --fn-table-bg-type: var(--fn-table-striped-bg);
}
.table-active {
    --fn-table-color-state: var(--fn-table-active-color);
    --fn-table-bg-state: var(--fn-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
    --fn-table-color-state: var(--fn-table-hover-color);
    --fn-table-bg-state: var(--fn-table-hover-bg);
}
.table-dark {
    --fn-table-color: #fff;
    --fn-table-bg: #1d2735;
    --fn-table-border-color: #4a525d;
    --fn-table-striped-bg: #28323f;
    --fn-table-striped-color: #fff;
    --fn-table-active-bg: #343d49;
    --fn-table-active-color: #fff;
    --fn-table-hover-bg: #2e3744;
    --fn-table-hover-color: #fff;
    border-color: var(--fn-table-border-color);
    color: var(--fn-table-color);
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 499.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.accordion {
    --fn-accordion-color: var(--fn-body-color);
    --fn-accordion-bg: transparent;
    --fn-accordion-transition: none;
    --fn-accordion-border-color: var(--fn-border-color);
    --fn-accordion-border-width: var(--fn-border-width);
    --fn-accordion-border-radius: 0;
    --fn-accordion-inner-border-radius: 0;
    --fn-accordion-btn-padding-x: 0;
    --fn-accordion-btn-padding-y: 1.25rem;
    --fn-accordion-btn-color: var(--fn-heading-color);
    --fn-accordion-btn-bg: var(--fn-accordion-bg);
    --fn-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23111827' viewBox='0 0 24 24'%3E%3Cpath d='M3.8 7.9c.4-.4 1.1-.4 1.5 0l6.7 6.7 6.7-6.7c.4-.4 1.1-.4 1.5 0s.4 1.1 0 1.5l-7.4 7.4c-.4.4-1.1.4-1.5 0L3.8 9.4c-.5-.3-.5-1 0-1.5'/%3E%3C/svg%3E");
    --fn-accordion-btn-icon-width: 1em;
    --fn-accordion-btn-icon-transform: rotate(-180deg);
    --fn-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --fn-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23111827' viewBox='0 0 24 24'%3E%3Cpath d='M3.8 7.9c.4-.4 1.1-.4 1.5 0l6.7 6.7 6.7-6.7c.4-.4 1.1-.4 1.5 0s.4 1.1 0 1.5l-7.4 7.4c-.4.4-1.1.4-1.5 0L3.8 9.4c-.5-.3-.5-1 0-1.5'/%3E%3C/svg%3E");
    --fn-accordion-btn-focus-box-shadow: unset;
    --fn-accordion-body-padding-x: 0;
    --fn-accordion-body-padding-y: 0;
    --fn-accordion-active-color: var(--fn-heading-color);
    --fn-accordion-active-bg: transparent;
}
.accordion-button {
    align-items: center;
    background-color: var(--fn-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    color: var(--fn-accordion-btn-color);
    display: flex;
    font-size: 1rem;
    overflow-anchor: none;
    padding: var(--fn-accordion-btn-padding-y) var(--fn-accordion-btn-padding-x);
    position: relative;
    text-align: left;
    transition: var(--fn-accordion-transition);
    width: 100%;
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}
.accordion-button:not(.collapsed) {
    background-color: var(--fn-accordion-active-bg);
    box-shadow: inset 0 calc(var(--fn-accordion-border-width) * -1) 0 var(--fn-accordion-border-color);
    color: var(--fn-accordion-active-color);
}
.accordion-button:not(.collapsed):after {
    background-image: var(--fn-accordion-btn-active-icon);
    transform: var(--fn-accordion-btn-icon-transform);
}
.accordion-button:after {
    background-image: var(--fn-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--fn-accordion-btn-icon-width);
    content: "";
    flex-shrink: 0;
    height: var(--fn-accordion-btn-icon-width);
    margin-left: auto;
    transition: var(--fn-accordion-btn-icon-transition);
    width: var(--fn-accordion-btn-icon-width);
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button:after {
        transition: none;
    }
}
.accordion-button:hover {
    z-index: 2;
}
.accordion-button:focus {
    box-shadow: var(--fn-accordion-btn-focus-box-shadow);
    outline: 0;
    z-index: 3;
}
.accordion-header {
    margin-bottom: 0;
}
.accordion-item {
    background-color: var(--fn-accordion-bg);
    border: var(--fn-accordion-border-width) solid var(--fn-accordion-border-color);
    color: var(--fn-accordion-color);
}
.accordion-item:first-of-type {
    border-top-left-radius: var(--fn-accordion-border-radius);
    border-top-right-radius: var(--fn-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
    border-top-left-radius: var(--fn-accordion-inner-border-radius);
    border-top-right-radius: var(--fn-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
    border-top: 0;
}
.accordion-item:last-of-type {
    border-bottom-left-radius: var(--fn-accordion-border-radius);
    border-bottom-right-radius: var(--fn-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-bottom-left-radius: var(--fn-accordion-inner-border-radius);
    border-bottom-right-radius: var(--fn-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
    border-bottom-left-radius: var(--fn-accordion-border-radius);
    border-bottom-right-radius: var(--fn-accordion-border-radius);
}
.accordion-body {
    padding: var(--fn-accordion-body-padding-y) var(--fn-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
}
.accordion-flush > .accordion-item:first-child {
    border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
    border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
    border-radius: 0;
}
[data-bs-theme="dark"] .accordion-button:after {
    --fn-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M3.8 7.9c.4-.4 1.1-.4 1.5 0l6.7 6.7 6.7-6.7c.4-.4 1.1-.4 1.5 0s.4 1.1 0 1.5l-7.4 7.4c-.4.4-1.1.4-1.5 0L3.8 9.4c-.5-.3-.5-1 0-1.5'/%3E%3C/svg%3E");
    --fn-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M3.8 7.9c.4-.4 1.1-.4 1.5 0l6.7 6.7 6.7-6.7c.4-.4 1.1-.4 1.5 0s.4 1.1 0 1.5l-7.4 7.4c-.4.4-1.1.4-1.5 0L3.8 9.4c-.5-.3-.5-1 0-1.5'/%3E%3C/svg%3E");
}
.alert {
    --fn-alert-bg: transparent;
    --fn-alert-padding-x: 1rem;
    --fn-alert-padding-y: 1rem;
    --fn-alert-margin-bottom: 1.25rem;
    --fn-alert-color: inherit;
    --fn-alert-border-color: transparent;
    --fn-alert-border: var(--fn-border-width) solid var(--fn-alert-border-color);
    --fn-alert-border-radius: var(--fn-border-radius);
    --fn-alert-link-color: inherit;
    background-color: var(--fn-alert-bg);
    border: var(--fn-alert-border);
    border-radius: var(--fn-alert-border-radius);
    color: var(--fn-alert-color);
    margin-bottom: var(--fn-alert-margin-bottom);
    padding: var(--fn-alert-padding-y) var(--fn-alert-padding-x);
    position: relative;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    color: var(--fn-alert-link-color);
    font-weight: 600;
}
.alert-dismissible {
    padding-right: 3rem;
}
.alert-dismissible .btn-close {
    padding: 1.25rem 1rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.alert-primary {
    --fn-alert-color: var(--fn-primary-text-emphasis);
    --fn-alert-bg: var(--fn-primary-bg-subtle);
    --fn-alert-border-color: var(--fn-primary-border-subtle);
    --fn-alert-link-color: var(--fn-primary-text-emphasis);
}
.alert-secondary {
    --fn-alert-color: var(--fn-secondary-text-emphasis);
    --fn-alert-bg: var(--fn-secondary-bg-subtle);
    --fn-alert-border-color: var(--fn-secondary-border-subtle);
    --fn-alert-link-color: var(--fn-secondary-text-emphasis);
}
.alert-success {
    --fn-alert-color: var(--fn-success-text-emphasis);
    --fn-alert-bg: var(--fn-success-bg-subtle);
    --fn-alert-border-color: var(--fn-success-border-subtle);
    --fn-alert-link-color: var(--fn-success-text-emphasis);
}
.alert-info {
    --fn-alert-color: var(--fn-info-text-emphasis);
    --fn-alert-bg: var(--fn-info-bg-subtle);
    --fn-alert-border-color: var(--fn-info-border-subtle);
    --fn-alert-link-color: var(--fn-info-text-emphasis);
}
.alert-warning {
    --fn-alert-color: var(--fn-warning-text-emphasis);
    --fn-alert-bg: var(--fn-warning-bg-subtle);
    --fn-alert-border-color: var(--fn-warning-border-subtle);
    --fn-alert-link-color: var(--fn-warning-text-emphasis);
}
.alert-danger {
    --fn-alert-color: var(--fn-danger-text-emphasis);
    --fn-alert-bg: var(--fn-danger-bg-subtle);
    --fn-alert-border-color: var(--fn-danger-border-subtle);
    --fn-alert-link-color: var(--fn-danger-text-emphasis);
}
.alert-light {
    --fn-alert-color: var(--fn-light-text-emphasis);
    --fn-alert-bg: var(--fn-light-bg-subtle);
    --fn-alert-border-color: var(--fn-light-border-subtle);
    --fn-alert-link-color: var(--fn-light-text-emphasis);
}
.alert-dark {
    --fn-alert-color: var(--fn-dark-text-emphasis);
    --fn-alert-bg: var(--fn-dark-bg-subtle);
    --fn-alert-border-color: var(--fn-dark-border-subtle);
    --fn-alert-link-color: var(--fn-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
.progress,
.progress-stacked {
    --fn-progress-height: 1rem;
    --fn-progress-font-size: 0.75rem;
    --fn-progress-bg: var(--fn-secondary-bg);
    --fn-progress-border-radius: 50rem;
    --fn-progress-box-shadow: none;
    --fn-progress-bar-color: #fff;
    --fn-progress-bar-bg: #d85151;
    --fn-progress-bar-transition: width 0.6s ease;
    background-color: var(--fn-progress-bg);
    border-radius: var(--fn-progress-border-radius);
    box-shadow: var(--fn-progress-box-shadow);
    display: flex;
    font-size: var(--fn-progress-font-size);
    height: var(--fn-progress-height);
    overflow: hidden;
}
.progress-bar {
    background-color: var(--fn-progress-bar-bg);
    color: var(--fn-progress-bar-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    transition: var(--fn-progress-bar-transition);
    white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
    background-size: var(--fn-progress-height) var(--fn-progress-height);
}
.progress-stacked > .progress {
    overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
    width: 100%;
}
.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

/*My*/
DIV.input-group-text > LABEL  {
       font-size: 12px; 
       margin-right: 10px; 
    }

DIV.input-group.input-group-sm  {
       margin-bottom: 10px; 
       margin-top: 10px; 
    } 

H6.mb-2 > A.d-block.text-dark.d-lg-none.py-2 > I {
       font-size: 12px; 
       margin-left: 5px; 
    }

.comment-opinion  {
       display: inline-block; 
       font-size: 12px;
       width: 170px; 
    } 

.comment-content > P  {
       margin-top: 10px; 
    }

/* rating*/
.post-ratings {
	overflow: hidden;
	width: 210px;
	opacity: 1;
}
.post-ratings:not(:checked) > input {
	display: none;
}
.post-ratings:not(:checked) > label {
	float: right;
	width: 42px;
	padding: 0;
	cursor: pointer;
	font-size: 32px;
	line-height: 32px;
	color: lightgrey;
}

.post-ratings > input:checked ~ label {
	color: #ffba08;
}
.post-ratings:not(:checked) > label:hover,
.post-ratings:not(:checked) > label:hover ~ label {
	color: #ffba08;
}
.post-ratings > input:checked + label:hover,
.post-ratings > input:checked + label:hover ~ label,
.post-ratings > input:checked ~ label:hover,
.post-ratings > input:checked ~ label:hover ~ label,
.post-ratings > label:hover ~ input:checked ~ label {
	color: #ffba08;
}
.post-ratings > label:active {
	position: relative;
}