/* GERAL */
	.account-container input:not(.btn), .account-container select, .account-container textarea {border: none; border-radius: 0; border-bottom: 1px solid #3D3D43; padding-left: 8px !important; font-size: 14px; padding: 14px; background: #f5f5f5;}
	.account-container input:focus:not(.btn), .account-container select, .account-container textarea {outline: none;}
	.account-container label {color: #7A7A85; font-size: 12px; margin-bottom: 4px;}
	.account-container label::after {background: #f5f5f5 !important;}
	/* .account-container form {border: 1px solid #e7e7e7; padding: 16px; border-radius: 4px; margin-bottom: 24px; width: 100%; max-width: 800px;} */
	.account-container legend {font-size: 18px;}
	.account-container .buttons {display: flex; margin-bottom: 12px; gap: 12px;}
	.clearfix::after {display: none;}
	.account-container .btn-primary, .account-container .btn-secondary {width: 100%; max-width: 220px;}
	.btn-view-password {line-height: normal; border: none; border-bottom: 1px solid #000; border-radius: 0 !important; padding: 10px; color: var(--secondary);background: #f5f5f5; height: 50px;}
	#account-password .input-group, .account-container .form-group {margin-bottom: 16px;}
	.form-control:disabled, .form-control[readonly] {background-color: #f6f6f6 !important;opacity: .5;}
	@media (max-width: 991px) {
		.account-container legend {font-size: 14px;}
	}
	/* GERAL */
	
	/* LOGIN */
	#account-login .box a {font-size: 12px;}
	#account-login label {margin-bottom: 4px;}
	.box {border: 1px solid #e7e7e7; border-radius: 4px; padding: 16px;}
	/* LOGIN */

	/* MINHA CONTA */
	#account-account .box {border: 1px solid #e7e7e7; border-radius: 4px; padding: 16px;}
	#account-account .row > div {margin-bottom: 12px;}
	#account-account .box label {color: #7A7A85; font-size: 12px; margin-bottom: 4px;}
	#account-account .value-account {font-size: 16px; background: #f5f5f5; padding: 16px 8px; border-radius: 4px; opacity: .5; color: #000;}
	#account-account .btn-dados {padding: 12px; border: 2px solid #b7b7b7; margin-top: 12px;}
	#account-account h3 {font-size: 18px; border-bottom: 1px solid #e7e7e7; padding-bottom: 8px; padding-top: 8px;}
	/* MINHA CONTA */

	/* PASSWORD */
	#account-password .input-group {align-items: end; flex-wrap: nowrap; }
	#account-password .input-group > div {width: 100%; }
	/* PASSWORD */

	/* CSS MENU LATERAL  */
	.menu-account {margin-bottom: 20px;}
	.menu-account li a {padding: 12px 22px; font-size: 16px; border-bottom: 1px solid #e7e7e7; width: 100%; font-weight: 500;}
	.menu-account ul {border: 1px solid #e7e7e7; border-radius: 4px;}
	.menu-account ul li:first-child a {border-radius: 4px 4px 0 0;}
	.menu-account ul li:last-child a {border-bottom: none;}
	.menu-account ul li a {display: flex; align-items: center;}
	.menu-account ul li a:hover {background: #f8f8f8}
	.menu-account ul li a.active {background: var(--primary); color: #fff !important;}
	.menu-account ul li a i {font-size: 24px; color: var(--primary); display: flex;}
	.menu-account ul li a.active i { color: #fff;}
	@media (max-width: 991px) {
		.menu-account li a {font-size: 14px; padding: 8px 22px;}
		.menu-account h2 {font-size: 16px;}
	}
	/* CSS MENU LATERAL  */

	/* ENDERECOS */
	.container-address {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}
	.container-address form {border: 1px solid #eee; padding: 12px; margin-bottom: 12px; border-radius: 4px;}
	.container-address .btn-trash {border: 2px solid #f00; color: #f00; width: 150px; display: flex; align-items: center; justify-content: center;}
	.container-address .btn-trash:hover {background: #f00; color: #fff;}
	@media (max-width: 991px) {
		.container-address {grid-template-columns: repeat(1, 1fr);}
	}
	/* ENDERECOS */

  	/* CSS ORDER  */
	.orders {margin-bottom: 15px; border: 1px solid #ececec; border-radius: 8px;}
	#account-order .header-order {padding: 16px 24px;}
	#account-order .header-orders {background: #f9f9f9; color: #2b2b2b; border: none; font-weight: 600; font-size: 16px; padding: 8px; text-align: center; width: 100%; border-bottom: 1px solid #ececec;}
	#account-order .content-order {margin: 0; padding: 0 24px;}
	#account-order .content-orders {text-align: center; vertical-align: middle; flex: 1; display: flex; justify-content: center; align-items: center; font-weight: 500; padding: 16px 0;}
	#account-order .content-order:nth-child(2n) .content-orders {background: #f9f9f9;}
	#account-order .content-order:last-child {margin-bottom: 24px;}
	#account-order .see-details {padding: 8px 0; width: 100%; margin: 0 15px; background: #ececec; font-size: 14px; font-weight: 500;}
	#account-order .see-details:hover {background: #c9c9c9;}
	#account-order h1 {display: none;}

	.content-order-mobile {flex-direction: column; background: #f7f7f7; border: 1px solid #ececec;}
	.content-order-mobile p {margin: 0;}
	.content-order-mobile span {color: #858585;}
	#account-order .content-orders-mobile {display: flex; justify-content: space-between; background: transparent; padding: 10px; border-bottom: 1px solid #ececec;}
	#account-order .content-orders-mobile:last-child {border: none;}

	.order-panel{margin-bottom: 30px; border: 1px solid #ececec; padding: 24px;}
	.order-panel-body {padding: 16px 0; font-size: 14px; border-radius: 8px;}

	.order-product .image{min-width: 100px;}
	.order-product h4{font-size: 14px; margin-bottom: 0;}
	/* .order-product .text{max-width: 180px;} */
	.order-totals .total{display: flex; justify-content: space-between;}
	.order-totals .total:last-child{padding: 10px; background-color: var(--secondary); color: #fff; justify-content: center; gap: 20px; margin-top: 20px;}
	.order-totals .total:last-child > div:last-child{font-weight: bold;}

	#order-status-tracking { margin-bottom: 15px; border: 1px solid #ececec; padding: 24px; border-radius: 8px;}
	@media (max-width: 991px) {
	#account-order .see-details {margin: 0; padding: inherit; background: #e9e9e9; width: auto; padding: 12px 26px;}
	.orders {margin-top: 30px;}
	}
	/* CSS ORDER  */