input.error-field, textarea.error-field, .nice-select.error-field{
    border: 1px solid red;
}
.custom-checkbox.error-field span, .error-field a{
    color: red !important;
}

.input-file {
	position: relative;
	display: inline-block;
}
.input-file span {
	position: relative;
	display: inline-flex;
    align-items: center;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	line-height: 22px;
	box-sizing: border-box;
	border: none;
	margin: 0;
	transition: background-color 0.2s;
}
.input-file span::before {
    display: inline-block;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%23E2EDF6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.1369 13.0137H19.4383C17.031 13.0041 15.0589 14.9891 15.001 17.4808V30.3428C14.9489 32.8609 16.8794 34.9452 19.311 34.9991C19.3538 34.9991 19.3966 35.0003 19.4383 34.9991H28.6831C31.1019 34.9105 33.0138 32.8477 32.9999 30.3428V19.3339L27.1369 13.0137Z' stroke='%23242629' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.833 13V16.4848C26.833 18.1858 28.1628 19.5646 29.8062 19.5694H32.9935' stroke='%23242629' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.9922 21.7396V29.8456' stroke='%23242629' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M27.418 24.5175L23.9908 20.9551L20.5636 24.5175' stroke='%23242629' stroke-width='1.6' stroke-linejoin='bevel'/%3E%3C/svg%3E%0A");
    width: 48px;
    height: 48px;
    margin-right: 16px;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
.input-file__item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}
.input-file__delete {
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-color: var(--lightblue);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    opacity: 0.7;
    transition: opacity 0.25s;
}
.input-file__delete::after,
.input-file__delete::before {
    content: '';
    width: 10px;
    height: 2px;
    background-color: var(--black);
    position: absolute;
}
.input-file__delete::after {
    rotate: -45deg;
}
.input-file__delete::before{
    rotate: 45deg;
}
.input-file__name {
    width: 230px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.input-file__delete:hover {
    opacity: 1;
}

.hero {
  background-image: url(../images/decor/smi-top.svg),
    url(../images/decor/smi-bottom.svg);
  background-repeat: no-repeat;
  background-position: top left, bottom right;
}

.table-wrp {
    width: 100%;
    overflow-x: auto;
}
