@charset "UTF-8";
.manager-project-section {
		padding: 15px;
		background: var(--grey100);
		border-radius: 7px;
}
.manager-project-section:not(:last-child) {
		margin-bottom: 40px;
}
.manager-project-table {
	overflow-x: auto;
	margin: 0 -15px;
	padding: 0 15px;
}
.manager-project-table.max-width-table {
	width: 100%;
	margin: 0;
	padding: 0;
}
.manager-project-table table {
		border-collapse: collapse;
		min-width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		outline: none;
		background: var(--white);
}
.manager-project-table th, .manager-project-table td {
		text-align: left;
		vertical-align: middle;
		padding: 0 10px;
		border: 0;
		background: none;
}
.manager-project-table th:first-child, .manager-project-table td:first-child {
		padding-left: 24px;
}
.manager-project-table th:last-child, .manager-project-table td:last-child {
		padding-right: 24px;
}
.manager-project-table th {
		font-weight: 600;
		font-size: 10px;
		line-height: 16px;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--table-title);
		border-bottom: 1px solid var(--table-border);
		padding-top: 18px;
		padding-bottom: 18px;
		background: var(--grey100);
		white-space: nowrap;
}
.manager-project-table .center {
		text-align: center;
}
.manager-project-table .w0 {
		width: 1px;
		white-space: nowrap;
}
.manager-project-table .bold, .manager-project-table strong {
		font-weight: 600;
}
.manager-project-table .light {
		font-weight: 300;
}
.manager-project-table td {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid var(--table-border);
		font-weight: normal;
		font-size: 13px;
		line-height: 20px;
		letter-spacing: -0.03em;
		color: var(--deep-blue);
		background: var(--white);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.manager-project-table tr:hover td {
				background-color: #F4FBFF40;
		}
}
.manager-project-table td > label {
		display: inline-block;
		vertical-align: top;
		position: relative;
		cursor: pointer;
		user-select: none;
}
.manager-project-table td > label input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
}
.manager-project-table .td-photo {
		width: 1px;
}
.manager-project-table .td-photo img {
		width: 80px;
		height: 80px;
		object-fit: contain;
		object-position: center;
}
.manager-project-table .pic-help {
		background: url("../img/help2-grey.svg") no-repeat 50% 50%;
		background-size: contain;
		width: 17px;
		height: 17px;
		margin: -1px 0;
		top: -2px;
		position: relative;
}
.manager-project-table .name {
		font-size: 14px;
		line-height: 20px;
		height: 20px;
		font-weight: 600;
		position: relative;
}
.manager-project-table .name > * {
		position: absolute;
		top: 0;
		left: 0;
		white-space: nowrap;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		color: inherit;
}
@media (pointer:fine) {
		.manager-project-table tr:hover .name > * {
				color: var(--blue);
		}
		.manager-project-table .name > a:hover {
				color: var(--hover);
		}
}
.manager-project-table .color {
		display: flex;
		align-items: center;
		gap: 8px;
}
.manager-project-table .c-name {
	max-width: 100px;
}

.manager-project-table .color .circle {
		flex: 0 0 auto;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		border: 0.5px solid #bcc5cf;
}
.manager-project-table .color .plus {
		text-decoration: none;
		color: var(--blue);
		font-weight: 600;
		font-size: 11px;
		height: 24px;
		line-height: 24px;
		padding: 0 6px;
		min-width: 24px;
		text-align: center;
		background: #1DA1F214;
		transition-property: color, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		border-radius: 12px;
		flex: 0 0 auto;
}
@media (pointer:fine) {
		.manager-project-table .color a.plus:hover {
				color: var(--new-grey);
				background-color: var(--hover-bg);
		}
}
.manager-project-table .price {
		display: inline-block;
		align-items: center;
		vertical-align: top;
		white-space: nowrap;
		font-weight: 600;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.03em;
		border-style: solid;
		border-width: 1.5px;
		padding: 8px 9px;
		height: 40px;
		border-radius: 6px;
}
.manager-project-table .price.green {
		border-color: var(--success);
		background-color: #F3FCF7;
}
.manager-project-table .price.red {
		border-color: var(--tertiary);
		background-color: #FFF7F8;
}
.manager-project-table .price.orange {
		border-color: #FD7500;
		background-color: #FD75000D;
}
.manager-project-table .td-price {
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
}
.manager-project-table .no-val {
	font-weight: 400;
    color: var(--grey500);
}
.manager-project-table .sum {
		margin-right: -7px;white-space: nowrap;
}
.manager-project-table .sum > * {
		margin-right: 7px;
		display: inline-block;
		vertical-align: top;
}
.manager-project-table .sum strong {
		font-weight: bold;
		width: 100%;
		font-size: 14px;
		line-height: 20px;display: block;
}
.manager-project-table .sum .assemblyOnce {
		
		width: 100%;
		font-size: 14px;
		line-height: 20px;display: block;
}
.manager-project-table .sum del {
		font-weight: normal;
		font-size: 11px;
		line-height: 19px;
		color: var(--grey600);
}
.manager-project-table .sum .discount {
		color: var(--white);
		height: 19px;
		font-weight: bold;
		font-size: 10px;
		line-height: 19px;
		padding: 0 5px;
		border-radius: 10px;
		background: var(--deep-blue);
}
.manager-project-table .sum .hide {
		display: none !important;
}
.manager-project-table .actions {
		display: flex;
		align-items: center;
		gap: 0 30px;
}
.manager-project-table .actions > * {
		flex: 0 0 auto;
}
.manager-project-table .actions svg {
		width: 24px;
		height: 24px;
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.manager-project-table .actions .red svg {
		fill: var(--danger);
}
@media (pointer:fine) {
		.manager-project-table .actions a:not(.red):hover svg {
				fill: var(--blue);
		}
}
.manager-project-table .checkbox {
		width: 24px;
		height: 24px;
}
.manager-project-table input:checked + .checkbox2 {
		border-color: #E1EAEF;
		background-color: var(--grey100);
}
.manager-project-table .checkbox2:before {
		background-image: url("../img/input/checkbox-grey700.svg")
}

.manager-project-table-item .check-moving .no-moving{
	display: none !important;
}
.manager-project-table-item .check-moving .icon-moving{
	display: block;	
}
.manager-project-table-item .check-moving .icon-moving,
.manager-project-table-item .check-moving .icon-moving img{
	cursor: grab;
	width: 24px;
    height: 24px;
}
.manager-project-table-item td[id^="price_"]{
	white-space: nowrap;
}
.sortable-placeholder {
	height: 101px;
	background-color: var(--grey500);
}