.form-access {
    width: 100%;
    height: auto;
    margin-top: 10px;
    /* border: 1px solid blue; */
}
.field-access {
    display: grid;
    grid-gap: 15px;
    padding: 20px;
}
.access-container {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 872px));
    grid-gap: 20px;
    justify-content: center;
    /* border: 1px solid green; */
}
.access-subcontainer {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 260px));
    justify-content: space-between;
    /* border: 1px solid purple; */
}
.subcontainer-larger {
    grid-template-columns: repeat(auto-fit, minmax(410px, 410px));
}
.subcontainer-centered {
	justify-content: center;
}
.container-input-labeled {
	width: auto;
	height: auto;
	/* border: 1px solid red; */
}
.container-input-labeled label {
	display: block;
	margin-bottom: 4px;
	font-size: 0.875rem;
	color: rgb(0, 0, 0);
}
.txt-access {
    padding: 8px;
    width: 260px;
    height: 40px;
    font-size: 0.9rem;
    color: rgb(8, 1, 67);
    border: 1px solid rgb(200, 200, 200);
}
.txt-access:focus {
	outline: none;
}
#input-code {
    width: 175px;
    height: 38px;
}
.btn-go-to-my-orders {
    width: 170px;
    height: 35px;
    display: block;
    font-size: 0.9rem;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 33px;
    margin: auto;
    margin-right: 0;
    background: linear-gradient(rgb(255, 255, 255), rgb(221, 221, 221));
    color: rgb(30, 30, 30);
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid rgb(150, 150, 150);
}
.btn-go-to-my-orders:hover {
	background: linear-gradient(rgb(221, 221, 221), rgb(255, 255, 255));
}
.input-error {
	border: 1px solid rgb(151, 0, 0);
}
.validation-container {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 520px));
    grid-gap: 10px;
    /* border: 1px solid green; */
}
#expiration-timer {
	font-size: 0.9rem;
}
#container-expiration {
    width: 175px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border: 1px solid red; */
}
.time-expiring {
	color: rgb(225, 75, 0);
}
.time-expired {
	color: rgb(151, 0, 0);
}
#btn-resend-code {
    width: 110px;
    height: 22px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    background: linear-gradient(rgb(255, 255, 255), rgb(221, 221, 221));
    color: rgb(30, 30, 30);
    font-weight: 500;
    border-radius: 3px;
    border: 1px solid rgb(150, 150, 150);
}
#btn-resend-code:hover {
	background: linear-gradient(rgb(221, 221, 221), rgb(255, 255, 255));
}
#btn-validate-code {
    width: 134px;
    height: 38px;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
    font-size: 0.9rem;
    cursor: pointer;
    background: linear-gradient(rgb(255 255, 255), rgb(221, 221, 221));
    color: rgb(30, 30, 30);
    border-radius: 6px;
    font-weight: 600;
    border: 1px solid rgb(150, 150, 150);
}
#btn-validate-code:hover {
	background: linear-gradient(rgb(221, 221, 221), rgb(255, 255, 255));
}
.field-hidden, .container-hidden {
	display: none;
}

@media only screen and (max-width: 912px) {
	.access-container {
		grid-template-columns: repeat(auto-fit, minmax(260px, 580px));
	}
	.access-subcontainer {
		justify-content: center;
		grid-gap: 20px;
	}
}