* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		:root {
			/*  #64FFDA #FF7101 #00E696 #FFB700 */
			--colorbg: #1F2E41;
			--colorfg: #32FFB9;
			--colorbt: #32FFB9;
			--widdivs: 90%;
		}
		body {
			width: 100%;
			height: 100%;
			min-height: 100vh;
			display: flex;
			flex: none;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			font-family: sans-serif;
			background-color: var(--colorbg);
		}
		#cont {
			width: var(--widdivs);
			margin: 0 auto;
		}
		form {
			width: 100%;
			margin: 0 auto;
		}
		.box {
			width: 100%;
			position: relative;
			height: 65px;
			overflow: hidden;
 			margin-bottom: 20px;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			flex: none;
			justify-content: space-between;
			align-items: center;
		}
		.box input {
			width: 100%;
			height: 100%;
			color: white;
			padding-top: 20px;
			text-transform: uppercase;
			font-weight: bold;
			border: none;
			outline: none;
			background-color: transparent;
		}
		.box label {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			pointer-events: none;
			border-bottom: 1px solid var(--colorbt);
		}

		input[type="checkbox"] {
			position: relative;
			top: 1px;
			margin-right: 5px;
		}

/*		.box label:after {
			content: '';
			position: absolute;
			left: 0px;
			bottom: -1px;
			height: 100%;
			width: 100%;
			border-bottom: 3px solid var(--colorfg);
			transform: translateX(-100%);
			transition: transform .3s ease;
		}*/
		.content-name {
			position: absolute;
			bottom: 5px;
			left: 0px;
			transition: all .3s ease;
			color: var(--colorbt);
		}

		.box input + .label-name .content-name,
		.box input + .label-name .content-name {
			transform: translateY(0%);
			font-size: 16px;
			font-weight: normal;
			color: var(--colorfg);
		}
		.box input:focus + .label-name .content-name,
		.box input:valid + .label-name .content-name {
			transform: translateY(-150%);
			font-size: 14px;
			font-weight: bold;
			color: var(--colorfg);
		}
/*		.box input:focus + .label-name:after, .box input:valid + .label-name:after {
			transform: translateX(0%);
		}*/
		.boxizq {
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: center;
 			margin-bottom: 20px;
		}
		.boxcen {
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
 			margin-bottom: 20px;
		}
		.boxcenint {
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: center;
 			padding: 10px 0 20px 20px;
		}

			.boxcenintaro {
				width: 100%;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: space-around;
				align-items: center;
	 			padding: 10px 0 20px 20px;
			}

			.boxcenintcen {
				width: 100%;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: center;
				align-items: center;
	 			padding: 10px 0 20px 0;
			}

			.boxcenintend {
				width: 100%;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: flex-end;
				align-items: center;
	 			padding: 10px 0 20px 20px;
			}

			.boxcenintcol {
				width: 100%;
				display: flex;
				flex-direction: column;
				flex-wrap: nowrap;
				justify-content: space-around;
				align-items: center;
	 			padding: 10px 20px 20px 20px;
			}

			.mder {
				margin-right: 20px;
			}

		.boxder {
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			align-items: center;
 			margin-bottom: 20px;
		}
		.ajusde {
			margin-right: 10px;
			color: var(--colorbt);
		}
		.ajusiz {
			margin: 0 20px;
			color: var(--colorbt);
		}
		.ajchde {
			padding: 0 5px;
			color: var(--colorbt);
		}
		.textit {
			margin: 20px;
			color: var(--colorbt);
		}
		#lote {
			width: 150px;
			height: 30px;
		}
		.chkcarr {
			padding: 0 5px;
			color: var(--colorbt);
		}

			.boxext {
				padding: 15px;
			}

		.fieldbox {
 			width: 100%;
 			border: 3px solid var(--colorbt);
 			border-radius: 7px;
 			margin-bottom: 20px;
 			background-color: rgba(200, 200, 200, .2);
 		}
 		.legendfields {
 			width: auto;
			margin: 0 0 0 20px;
			padding: 0 10px;
			color: var(--colorbt);
			border: none;
			background-color: transparent;
 		}
		#boxcarros {
			width: 100%;
			height: auto;
			padding: 15px 20px 20px 20px;
		}
		#botones {
			margin-top: 20px;
		}
/*		.btns {
			padding: 10px;
			color: white;
			font-weight: bold;
			text-transform: uppercase;
		}
		#btncan {
			background-color: #C62828;
		}*/
		#btning {
			/*background-color: #288246;*/
			margin-right: 10px;
		}