@charset "UTF-8";
.manager-project-head {
		position: relative;
		margin: 0 0 24px 0;
		display: flex;
		align-items: flex-start;
		gap: 0 10px;
}
.manager-project-head .back {
		width: 40px;
		height: 40px;
		flex: 0 0 auto;
		position: relative;
		left: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
}
.manager-project-head .back svg {
		fill: var(--blue);
		flex: 0 0 auto;
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		width: 24px;
		height: 24px;
}
@media (pointer:fine) {
		.manager-project-head a.back:hover svg {
				fill: var(--hover);
		}
}
.manager-project-head .name {
		font-size: 24px;
		line-height: 28px;
		color: var(--deep-blue);
		font-weight: bold;
		margin: 0;
		align-self: center;
		padding: 6px 0;
}
@media only screen and (max-width: 767px) {
		.manager-project-head .back {
				display: none;
		}
}
@media only screen and (min-width: 768px) {
		.manager-project-head .name {
				font-size: 30px;
				line-height: 34px;
				padding: 3px 0;
		}
}
@media only screen and (min-width: 1840px) {
		.manager-project-head .back {
				margin-left: -50px;
		}
}
.manager-project-settings {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-between;
		gap: 20px;
		margin: 0 0 30px 0;
		font-weight: normal;
		font-size: 15px;
		line-height: 24px;
		letter-spacing: -0.02em;
		color: var(--grey600);
}
.manager-project-settings .bg {
		flex: 0 0 auto;
		max-width: 100%;
		background: #F4FBFF;
		border: 0.5px solid #B7E5FF;
		border-radius: 6px;
		padding: 11px 28px 15px 24px;
}
.manager-project-settings .h2 {
		font: bold 10px/16px var(--fonti);
		letter-spacing: 0.01em;
		text-transform: uppercase;
		color: var(--grey800);
		margin: 0 0 8px 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 4px 8px;
}
.manager-project-settings .pic-help {
		width: 15px;
		height: 15px;
		background: url("../img/help2.svg") no-repeat 50% 50%;
		background-size: contain;
}
.manager-project-settings ul, .manager-project-settings li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.manager-project-settings li:before {
		display: none;
}
.manager-project-settings ul {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		font-weight: 500;
		font-size: 15px;
		line-height: 24px;
		gap: 8px 18px;
		letter-spacing: -0.03em;
		color: var(--grey500);
}
.manager-project-settings ul strong {
		font-weight: 600;
		color: var(--deep-blue);
}
.manager-project-settings .link-edit {
		display: block;
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		cursor: pointer;
		user-select: none;
		text-decoration: none;
}
.manager-project-settings .link-edit svg {
		width: 24px;
		height: 24px;
		fill: var(--blue);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.manager-project-settings .link-edit:hover svg {
				fill: var(--hover);
		}
}
.manager-project-settings > label {
		flex: 0 0 auto;
		cursor: pointer;
		user-select: none;
		display: flex;
		align-items: center;
		position: relative;
		gap: 15px;
		min-height: 30px;
}
.manager-project-settings > label input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
}
.manager-project-settings .check-trigger {
		width: 45px;
		height: 26px;
		border-radius: 13px;
}
.manager-project-settings .check-trigger:before {
		width: 20px;
		height: 20px;
		margin: 2px;
		box-shadow: 0px 0.5px 2px 0px #00000026;
}
.manager-project-settings input:checked ~ .check-trigger:before {
		transform: translate3d(19px, 0, 0);
}
.manager-project-bottom {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 24px;
		background: var(--white);
		padding: 20px 24px;
		border-radius: 0 0 4px 4px;
}
.manager-project-bottom .btns {
		flex: 0 0 auto;
		max-width: 100%;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
}
.manager-project-bottom .btns .btn {
		font-size: 14px;
		height: 50px;
		padding-left: 40px;
		padding-right: 40px;
}
.manager-project-total {
		flex: 0 0 auto;
		font-weight: 500;
		font-size: 22px;
		line-height: 24px;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		color: var(--deep-blue);
}
.manager-project-total > strong {
		font-weight: bold;
		font-size: 24px;
		letter-spacing: -0.05em;
}
.manager-project-total .pic-help {
		width: 30px;
		height: 30px;
		vertical-align: top;
		margin: -3px 0;
		margin-left: 16px;
		background: url("../img/help2.svg") no-repeat 50% 50%;
		background-size: contain;
}
.manager-project-submit {
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 10px;
}
.manager-project-submit .btn {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
}
@media only screen and (min-width: 768px) {
		.manager-project-submit .btn {
				width: auto;
				font-size: 18px;
				padding-left: 50px;
				padding-right: 50px;
		}
}