div[data-vacancy] {
	display: flex;
    align-items: center;
	background-color: rgba(0,0,0,.10);
	padding: 15px;
	height: 80px;
	border-radius: 15px;
	font-size: 16px;
}

div[data-vacancy]:hover {
	cursor: pointer;
	box-shadow: 3px 3px #ca3067, -4px 0 .4em #5d102c;
	transition: box-shadow 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
	background-color: rgba(0,0,0,.20);
}

div[data-vacancy] .avatar img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
}

div[data-vacancy] .name {
	width: 120px;
	margin-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div[data-vacancy] .avatar {
	width: 44px;
}

div[data-vacancy] .status {
	width: 85%;
	text-align: end;
}

.vacancy-chat textarea {
	width: 100%;
	border-radius: 8px;
	resize: none;
	height: 80px;
	padding: 15px;
}

ul {
	margin-left: 0;
	padding-left: 0;
}

ul li {
	list-style-type: none;
	margin-bottom: 8px;
}

ul li span.h {
	font-weight: bold;
}
/* Главная кнопка */

.btn-main {
	margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 20%;
    height: 48px;

    border-radius: 12px;
    border: none;

    background: linear-gradient(135deg, #ff5757 0%, #ff8f4a 100%) !important;
    color: #fff;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;

    cursor: pointer;
    transition: all 0.25s ease;
}

/* Hover */

.btn-main:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(255, 87, 87, .32), 0 0 0 4px rgba(255, 112, 74, .10), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}

/* Active (нажатие) */

.btn-main:active {
    transform: scale(0.98);
}
select option {
    background: #1f2330;
    color: #ffffff;
}

select option:hover,
select option:checked {
    background: #1f2330;
    color: #ffffff;
}