.task-link {
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.task-link:hover {
    color: #14277c;
    transform: scale(1.08);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

select[name="ACTION[0][ARGUMENTS][data][UF_LOCATION]"] {
    border-color: #f56565;
}

.popup-esi {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-65%, -55%);
    background-color: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    min-width: 600px;
}

.popup-close{
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px;
}

.rating-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.rating-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

.rating-circle[data-value="1"] { border: 2px solid #ff0000; }
.rating-circle[data-value="2"] { border: 2px solid #ff4d00; }
.rating-circle[data-value="3"] { border: 2px solid #ff6c00; }
.rating-circle[data-value="4"] { border: 2px solid #ff9000; }
.rating-circle[data-value="5"] { border: 2px solid #ffb700; }
.rating-circle[data-value="6"] { border: 2px solid #ffcc00; }
.rating-circle[data-value="7"] { border: 2px solid #ffdd00; }
.rating-circle[data-value="8"] { border: 2px solid #4aff4a; }
.rating-circle[data-value="9"] { border: 2px solid #27ff27; }
.rating-circle[data-value="10"] { border: 2px solid #00ff00; }

.rating-circle:hover {
    background-color: inherit;
}

.rating-circle:hover[data-value="1"] { background-color: #ff0000; }
.rating-circle:hover[data-value="2"] { background-color: #ff4d00; }
.rating-circle:hover[data-value="3"] { background-color: #ff6c00; }
.rating-circle:hover[data-value="4"] { background-color: #ff9000; }
.rating-circle:hover[data-value="5"] { background-color: #ffb700; }
.rating-circle:hover[data-value="6"] { background-color: #ffcc00; }
.rating-circle:hover[data-value="7"] { background-color: #ffdd00; }
.rating-circle:hover[data-value="8"] { background-color: #4aff4a; }
.rating-circle:hover[data-value="9"] { background-color: #27ff27; }
.rating-circle:hover[data-value="10"] { background-color: #00ff00; }

.feedback-input {
    width: 97%;
    height: 100px;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 10px;
    font-family: inherit;
    font-size: 14px;
    resize: none;
}

.feedback-input.required {
    border-color: red;
}

.custom-select-title {
    width: 250px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 7px;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: border-color 0.3s ease;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.custom-select-title:hover {
    border-color: #888;
}

.custom-select-title:focus {
    outline: none;
    border-color: #007BFF;
}

.custom-select-title option {
    padding: 10px;
    background-color: #fff;
    color: #333;
}