.rating-selector {
    width: 100%;
    height: 30px;
    text-align: center;
    text-align-last: center;
    font-size: 14px;
}

.categories-list .col-md-12 {
    margin-bottom: 15px;
    background: white;
    padding: 15px;
}

.categories-list {
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    z-index: 1000;
    bottom: 0;
    max-height: 200px;
    overflow: scroll;
    padding: 15px;
    width: 100%;
}

.rating-selector-send {
    margin-top: 10px;
    height: 30px;
    background: #ffc107;
    font-size: 12px;
    color: #000;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 0;
    border: unset;
    /*width: 200px;*/
    text-transform: uppercase;
}

.rating-selector-send:hover {
    background: #fbd667;
    cursor: pointer;
}

.jury-vote-title {
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin: auto auto 13px;
    font-weight: bold;
}

.nomination-categories {
    margin-top: 30px;
    border-top: 1px solid #bbb;
    display: flow-root;
}

.nomination-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    height: 40px;
    text-transform: capitalize;
}

.nomination-description {
    font-size: 14px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    height: 70px;
}

.rating-area {
    overflow: hidden;
    width: 250px;
    margin: 0 auto;
}

.rating-area:not(:checked) > input {
    display: none;
}

.rating-area:not(:checked) > label {
    float: right;
    width: 42px;
    padding: 0;
    cursor: pointer;
    font-size: 32px;
    line-height: 32px;
    color: lightgrey;
    text-shadow: 1px 1px #bbb;
}

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

.rating-area > input:checked ~ label {
    color: gold;
    text-shadow: 1px 1px #c60;
}

.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    color: gold;
}

.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    color: gold;
    text-shadow: 1px 1px goldenrod;
}

.rate-area > label:active {
    position: relative;
}

.vote-success {
    width: 100%;
    color: #ff0000;
    margin-top: 15px;
    font-size: 13px;
    text-align: center;
}
.re-vote-start, .re-vote {padding: 3px;background-color: #555;color: #fff !important;text-decoration: none !important;}
a.re-vote-start:hover, a.re-vote:hover {background-color: #ffc107 !important;color: #000 !important;text-decoration: none !important;}
.re-vote {
    text-decoration: revert;
    text-transform: lowercase;
    color: #0056b3;
}

.download-excel-bnt {
    margin: 15px auto 0 auto;
    width: 100%;
    text-align: center;
}

.download-excel-bnt a {
    font-size: 14px;
    padding: 10px;
    background: #fff;
    border: 1px solid #d2d2d2;
    display: inline-block;
}

.download-excel-bnt a:hover {
    text-decoration: none !important;
    background-color: #f58585 !important;
    color: #fff !important;
}

@media (max-width: 1180px) and (min-width: 480px) {
    .nomination-title {
        font-size: 12px;
    }

    .nomination-description {
        font-size: 11px
    }

    .rating-selector-send {
        width: 100%;
    }

    .rating-selector {
        margin: 5px;
    }

    .categories-list {
    max-height: 150px;
    }
}

@media (max-width: 420px) {
    .rating-selector-send {
        width: 100%;
    }
.categories-list {
    max-height: 150px;
    }
    .rating-selector {
        margin: 5px;
    }

    .nomination-description {
        height: auto;
        font-size: 16px;
    }

    .categories-list .col-sm-3 {
        margin-top: 12px;
        border-top: 1px solid #989898;
    }
}

.jury-vote-new-criteria{
    margin: 0 auto;
    position: relative;
    width: 500px;
    font-size: 14pt;
}
.jury-vote-new-criteria .item-vote-criteria
{
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}
.jury-vote-new-criteria .item-vote-criteria .item-vote-criteria-title
{
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 3px;
}
.jury-vote-new-criteria .item-vote-criteria .item-vote-criteria-description
{
    font-size: 14pt;
    font-style: italic;
    margin-bottom: 3px;
}
.jury-vote-new-criteria .item-vote-criteria .item-vote-criteria-vote{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.jury-vote-new-criteria .item-vote-criteria .item-vote-criteria-vote div{
    border: 2px solid black;
    border-radius: 3px;
    padding: 7px;
    min-width: 10px;
    cursor: pointer;
}
.jury-vote-new-criteria .item-vote-criteria .item-vote-criteria-vote div:hover{
    background: #888888;
}

.jury-vote-new-criteria .item-vote-criteria .item-vote-criteria-vote div.voted{
    background : green;
}