/* CSS Document basic*/
#wrap_content {
	width: 100%;

}
section {
	width: 100%;
	display: flex;
	padding: 56px 0;
	margin: 0;
}

.wrap-container {
	width: 1176px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 56px;
	& .wrap-left {
		width: 50%;
		display: flex;
		flex-direction: column;
		gap: 15px;
		border: 1px solid var(--col-border-3);
		padding: 36px 26px;
		border-radius: 12px;
		box-sizing: border-box;
		& input[type=text],input[type=password] {
			box-sizing: border-box;
			padding: 8px 12px;
			height: auto;
			background-color: var(--col-bg-sky-blue);
		}
		& .login_header {
			font-size: 26px;
			font-weight: 600;
			margin: 0;
			box-sizing: border-box;
			padding: 12px 0;
			border-bottom: 1px solid var(--col-border-3);
		}
		& .login_body {
			display: flex;
			flex-direction: column;
			gap: 8px;
			& .sky_btn { border-radius: 4px;}
			& .wrap-btns {
				display: flex;
				flex-direction: row;
				justify-content: center;
				gap:16px;
				border-top: 1px solid var(--col-border-3);
				padding: 14px 0;
				align-items: center;
				& a {
					font-size: 14px;
					font-weight: 500;
					&:hover {
						color: var(--main_color);
					}
				}
			}

		}
	}
	& .wrap-right {
		display: flex;
		align-self: stretch;
		width: 50%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background: #EDEDF5;
		border-radius: 12px;
	}
}