.rating {
    border: none;
}

@@media(min-width : 1367px) {
    .rating {
        width: 75%;
    }
}

@@media(max-width : 1366px) and (min-width : 1025px) {
    .rating {
        width: 77%;
    }
}

.rating > input {
    display: none;
}

.rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
    margin-left: 20px;
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}
    /* hover previous stars in list */

    .rating > input:checked + label:hover, /* hover current star when changing rating */
    .rating > input:checked ~ label:hover,
    .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
    .rating > input:checked ~ label:hover ~ label {
        color: #FFED85;
    }

@@media(min-width : 768px) {
    .border-right {
        border-right: 1px solid #2121217F !important;
    }
}

@@media(max-width : 767px) {
    .card .border-right {
        border-right: transperent !important;
    }

    .nav-sidebar .nav-item > .nav-link {
        margin-bottom: 0rem;
        padding: .4rem 1rem;
    }
}

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255,255,255,0.8) url("/BackendAssets/Iphone-spinner-2.gif") center no-repeat;
}
/* Turn off scrollbar when body element has the loading class */
body.loading {
    overflow: hidden;
}
    /* Make spinner image visible when body element has the loading class */
    body.loading .overlay {
        display: block;
    }