.container-cart-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100%, 100%));
	grid-gap: 30px;
}
.container-cart {
    width: 100%;
    height: auto;
    max-height: 340px;
    margin: auto;
    display: grid;
    grid-gap: 10px;
    overflow-y: auto;
    border: 1px solid rgba(8, 1, 67, 0.1);
}
.product-cart {
    width: 100%;
    min-height: 100px;
    height: auto;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(261px, 533px));
    justify-content: center;
}
.subcontainer-cart {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(261px, 261px));
    grid-gap: 10px;
    justify-content: center;
    background: rgba(0, 150, 200, 0.1);
    /* border: 1px solid blue; */
}
.sec-subcontainer-cart {
    width: 100%;
    padding: 5px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%, 100%));
    grid-gap: 10px;
    justify-content: center;
    align-items: center;
    /* border: 1px solid red; */
}
.img-product-cart {
    width: 80px;
    height: 90px;
    border: 1px solid rgb(220, 220, 220);
}
.product-cart-title {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 0.875rem;
    text-align: center;
    overflow: auto;
    color: rgb(8, 1, 67);
    /* border: 1px solid red; */
}
.product-cart-qtd-title {
    width: 100%;
    font-size: 0.875rem;
    text-align: center;
    /* border: 1px solid red; */
}
.container-cart-qtd-update {
    height: 20px;
    margin-top: 4px;
    display: flex;
    justify-content: center;
    /* border: 1px solid blue; */
}
.product-cart-qtd-input {
	width: 30px;
	height: 100%;
	font-size: 0.75rem;
	float: left;
	text-align:center;
	background: white;
	line-height: 18px;
	border:1px solid rgba(0,0,0,0.2);
	border-left: none;
	border-right: none;
}
.product-cart-qtd-input:focus {
	outline: none;
}
.cart-qtd-update {
	width: 25px;
	height: 100%;
	cursor: pointer;
	text-align:center;
	border:1px solid rgba(0,0,0,0.2);
}
.img-product-cart-remove {
    width: 20px;
    height: 20px;
    margin-top: 15px;
    margin: auto;
    cursor: pointer;
    /* border: 1px solid red; */
}
.img-product-cart-remove:hover {
	opacity: 0.8;
}
.container-cart-unitary-value, .container-cart-formatted-value {
	width: 100%;
	height: 35px;
	/* border: 1px solid orange; */
}
.container-cart-unitary-value {
	top: 0;
}
.container-cart-formatted-value {
	bottom: 0;
}
.product-cart-unitary-title, .product-cart-formatted-title {
    height: 15px;
    font-size: 0.875rem;
    text-align: center;
    line-height: 15px;
    border-bottom: 1px solid rgba(8, 1, 67, 0.1);
}
.product-cart-unitary-value, .product-cart-value-formatted {
	height: 20px;
	margin: auto;
	font-size: 0.875rem;
	line-height: 21px;
	padding: 0 2px;
	text-align: center;
	font-weight: 600;
	background: white;
	/* border: 1px solid white; */
}
.product-cart-unitary-value {
	color: rgb(0, 80, 0);
}
.product-cart-value-formatted {
	color: rgb(25, 50, 175);
}
.container-shipping {
    width: 100%;
    height: auto;
	min-height: 72px;
	max-height: 136px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(315px, 315px));
    grid-gap: 30px;
    justify-content: space-between;
    /* border: 1px solid green; */
}
.subcontainer-shipping {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    /* border: 1px solid purple; */
}
.container-freight-info {
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(314px, 314px));
	grid-gap: 10px;
}
.cep-info{
    text-align: center;
    background: white;
    border: 1px solid rgba(8, 1, 67, 0.2);
}
.sec-subcontainer-shipping {
    display: flex;
    justify-content: space-between;
    /* border: 1px solid blue; */
}
.container-input-labeled {
    width: auto;
    height: auto;
    font-size: 0.875rem;
    text-align: center;
    /* border: 1px solid red; */
}
.container-input-labeled label {
	font-size: 1rem;
	margin-bottom: 4px;
	color: rgb(0, 0, 0);
	cursor: pointer;
}
.txt-shipping {
    width: 180px;
    height: 35px;
    padding-left: 8px;
    font-size: 0.875rem;
	color: rgb(8, 1, 67);
    border: none;
    outline: 1px solid rgba(3, 10, 75, 0.15);
}
.txt-shipping:focus {
	outline: none;
}
.rd-freight {
	position: relative;
	top: 2px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin: 0;
}
.freight-delivery {
	cursor: pointer;
	margin-top: 5px;
}
.btn-freight-calc {
    width: 130px;
    height: 35px;
    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-freight-calc:hover {
	background: linear-gradient(rgb(221, 221, 221), rgb(255, 255, 255));
}
.container-cashier {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 200px));
    grid-gap: 30px;
    justify-content: space-between;
    /* border: 1px solid black; */
}
.subcontainer-cashier {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    /* border: 1px solid purple; */
}
.container-summary-cart {
    width: 100%;
    height: 50px;
	color: rgb(30, 30, 30);
    border: 1px solid rgb(100, 100,100);
}
.summary-cart-title, #summary-cart-value {
    height: 25px;
    line-height: 25px;
    font-size: 1.2rem;
    text-align: center;
    /* border: 1px solid rgb(8,1, 67); */
}
.summary-cart-title {
	border-bottom: none;
	/* border: 1px solid red; */
}
#summary-cart-value {
	border-top: none;
	/* border: 1px solid blue; */
}
.btn-go-to-user-data {
    width: 150px;
    height: 35px;
    display: block;
    font-size: 0.9rem;
    margin: auto;
    margin-right: 0;
    cursor: pointer;
    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-user-data:hover {
	background: linear-gradient(rgb(221, 221, 221), rgb(255, 255, 255));
}
.container-hidden {
	display: none;
}

@media only screen and (max-width:1115px) {
	.img-product-cart {
		margin: auto;
	}
}

@media only screen and (max-width:724px) {
	.container-shipping {
		justify-content: center;
	}
}

@media only screen and (max-width:689px) {
	.container-shipping {
		height: auto;
	}
}

@media only screen and (max-width:586px) {
	.container-cart {
		max-height: 380px;
	}
	.container-shipping {
		justify-content: center;
	}
}

@media only screen and (max-width:459px) {
	.container-cashier {
		justify-content: center;
	}
	.subcontainer-cashier {
		justify-content: center;
	}
	.btn-go-to-user-data {
		margin: 0;
	}
}