.profile-img{box-shadow: 0 5px 15px rgba(0,0,0,.5)}


.checkedorange {
    color: orange;
}
.checked {
    color: #338ece;
}

.myblue{
    background:#338ece;
}

.mybluefg{
    color:#338ece;
}

.bgdis{
    background:red;
    color: red;
}


.myblack{
    color:white;
    background:#000000;
    background-color:#000000;
    margin-top:60px;
}

rating {
            float:left;
        }

        /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
            follow these rules. Every browser that supports :checked also supports :not(), so
            it doesn’t make the test unnecessarily selective */
        .rating:not(:checked) > input {
                position:absolute;
                top:-9999px;
                clip:rect(0,0,0,0);
        }

        .rating:not(:checked) > label {
                float:left;
                width:1em;
                /* padding:0 .1em; */
                overflow:hidden;
                white-space:nowrap;
                cursor:pointer;
                font-size:200%;
                /* line-height:1.2; */
                color:#ddd;
        }

        .rating:not(:checked) > label:before {
                content: '★ ';
        }

        .rating > input:checked ~ label {
                color: dodgerblue;

        }

        .rating:not(:checked) > label:hover,
        .rating:not(:checked) > label:hover ~ label {
                color: dodgerblue;

        }

        .rating > input:checked + label:hover,
        .rating > input:checked + label:hover ~ label,
        .rating > input:checked ~ label:hover,
        .rating > input:checked ~ label:hover ~ label,
        .rating > label:hover ~ input:checked ~ label {
                color: dodgerblue;

        }

        .rating > label:active {
                position:relative;
                top:2px;
                left:2px;
        }



.dataTables_filter {
    display: none;
}
.strikethrough {
    text-decoration: line-through;
}
.star-rating-filter {
    cursor: pointer;
    color: gold;
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Aligns the stars properly */
    margin-bottom: 5px; /* Adds some space between the rows */
}

.star-rating-filter:hover, .star-rating-filter:active, .star-rating-filter:focus {
    text-decoration: none; /* Ensure underline doesn't appear on hover, active, or focus states */
}

.star-rating-filter i {
    margin: 0 2px;
}

.star-rating-filter.active {
    color: orange; /* Or any color to indicate active selection */
}