input {outline: none;}
input[type="text"],
input[type="password"],
input[type="numeric"],
input[type="mail"],
input[type="tel"] {
    max-width: 100%;
    height: 48px;
    border: solid 1px #b4b4b4;
    font-size: 14px;
    padding-left: 16px;
    border-radius: 0;
}
.account .wrapper {
	padding-left: 270px;
	margin-top: 60px;
	padding-bottom: 120px;
	position: relative;
	min-height: 220px;
}
.account__menu {
	position: absolute;
	top: 8px;
	left: 30px;
}
.account__tab-switch,
.account__menu li {
	color: #888;
	margin-bottom: 16px;
	cursor: pointer;
}
.account__menu li a {color: #888;text-decoration: none;}
.account__tab-switch:hover {color: #333; transition: 0.4s;}
.account__tab-switch_active {color: #333 !important; cursor: default !important;}

.account-tab_active {display: block;}
.account-tab h2 {
	font-size: 28px; 
	margin-bottom: 19px;
	font-weight: normal;
}
.orders__order {
	border-top: 1px solid #dedede;
	padding: 20px 0px;
}
.orders__order_open {padding-top: 31px;}
.order__head, .order__close-info {display: flex; align-items: center;}
.order__head div:first-child {
	font-size: 18px;
	text-decoration: underline;
	margin-right: 35px;
}
.orders__order_open .order__head div:first-child {
	font-size: 28px; 
	text-decoration: none;
	margin-right: 27px;
}
.orders__order_open .head__price {display: none;}
.order__status {
	padding: 2px 19px;
	border-color: transparent;
	border-radius: 50px;
	height: 26px;
}
.order__status_in-process {background: #e4e4e4;}
.order__status_done {background: #caf3cf;}
.order__status_in-delivery {background: #f3ddca;}

.order__close-info {color: #888; margin-top: 7px;}
.order__close-info div:first-child {margin-right: 32px;}
.orders__order_open .order__close-info {display: none;}

.order__discription {
	display: flex;
	justify-content: space-between;
	margin-top: 26px;
}
.order__discription div {}

.discription__delivery-info {width: 275px;}
.delivery-info__track {
	font-size: 16px;
	margin-bottom: 40px;
	margin-top: 6px;
}
.delivery-info__history > div {
	display: flex;
	justify-content: space-between;
	color: #888;
	font-size: 16px;
	border-bottom: 1px solid #dedede;
	height: 48px;
	align-items: center;
}
.delivery-info__history > div:last-child {
	color: #333;
	border-bottom: transparent;
}
.delivery-info__history > div > div:last-child {font-size: 12px;}

.discription__repeat {
	text-transform: uppercase;
	letter-spacing: 1.8px;
	width: 318px;
	height: 48px;
	border: 1px solid #333;
	background: transparent;
	cursor: pointer;
}
.discription__repeat:hover {
	background: #333;
	color: #fff;
	transition: 0.4s;
}

.account-tab .form__checkout-cart {
	position: relative;
}


.personal-account label {
	display: block;
	margin: 15px 0;
}
.personal-account input {outline: none;}
.personal-account input[type="text"], .personal-account input[type="password"] {
	margin-left: -10px;
	padding-left: 13px;
	font-size: 16px;
	height: 48px;
	width: 450px;
	border: solid 1px #333;
}
.personal-account input[type="submit"],.personal-account input[type="reset"] {
	height: 48px;
	width: 150px;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1.3px;
	background: #fff;
	border: 1px solid #333;
	transition: 0.4s;
	margin-top: 40px;
}
.personal-account input[type="submit"] {margin-left: -10px; margin-right: 10px;}
.personal-account input[type="submit"]:hover, .personal-account input[type="reset"]:hover {
	color: #fff;
	background: #333;
	transition: 0.4s;
}

.adress-one-block {border-bottom: 1px solid #e4e4e4; padding: 20px 0px;}
.adress-one-block:first-child {border-top: 1px solid #e4e4e4;}
.adress-one-block h3 {
	font-size: 18px;
	font-weight: 400;
}
.adress-one-block form {display: none;}
.city-pay {
	width: 450px;
	margin: 15px 0px;
}
.adress-one-block form input {
	height: 48px;
	font-size: 16px;
	padding-left: 13px;
	width: 100%;
	border: 1px solid #333;
}
.sho {
	width: 450px;
	display: flex;
}
.sho div {width: 20%;}
.sho div:first-child {width: 60%;}
.adress-one-block form .Cbutton, .new-address-form .Cbutton {
	width: 200px;
	height: 48px;
	border: 1px solid #333;
	background: #fff;
	transition:0.4s;
	cursor: pointer;
}
.adress-one-block form .Cbutton:hover, .new-address-form .Cbutton:hover {
	background: #333;
	color: #fff;
	transition: 0.4s;
}
.adress-one-block p {color: #888;}
.adress-one-block span {
	color: #2367ba;
	cursor: pointer;
	margin-right: 20px;
}
.adress-one-block span:hover {text-decoration: underline;}

.add-new-address {
	color: #6b6369; 
	margin: 20px 0px;
	cursor: pointer;
}
.add-new-address input {border-color: #333;}
.add-new-address span {
	display: inline-block;
    color: #333;
    width: 20px;
    height: 21px;
    border-radius: 50%;
    border: solid 1px #333;
    font-size: 24px;
    line-height: 19px;
    font-weight: 300;
    text-align: center;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
}
.new-address-form label {
	display: block;
	margin-bottom: 5px;
	margin-left: 10px;
}

/*----------------------------MEDIA------------------------*/



@media (max-width: 1399px) {
	.order__discription {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.order__discription > div {width: 40%;}
	.order__discription > div:last-child {margin-top: 50px;}
	.discription__repeat {width: 100%;}
}

@media (max-width: 1199px) {
	.order__discription {
		justify-content: space-around;
	}
	.order__discription > div {width: 48%;}
	.order__discription > div:last-child {width: 60%;}
	.discription__repeat {width: 100%;}
}

@media (max-width: 991px) {
	.account-tab .form__checkout-cart {display: block;}
	.order__discription {
		justify-content: space-around;
	}
	.order__discription > div {width: 450px;}
	.order__discription > div:last-child {width: 60%;}
	.discription__repeat {width: 100%;}
	.account-tab .form__checkout-cart {margin-bottom: 50px;}
}

@media (max-width: 768px) {
	.account .wrapper {padding: 0 15px;}
	.account__menu {
		position: relative;
		top: 0;
		left: 0;
	}
	.account__menu nav {
		display: flex;
		justify-content: space-around;
		text-align: center;
	}
	.account__menu li {
		display: inline-block;
		text-align: center;
		padding: 0 5px;
	}
	.order__discription {
		justify-content: flex-start;
	}
	.order__discription > div {width: 420px;}
	.order__discription > div:last-child {width: 420px;}
	.account .wrapper {margin-top: 20px;}
}

@media (max-width: 500px) {
	.city-pay, .sho {width: 100%;}
	.sho {flex-wrap: wrap;}
	.sho div {width: 50%; margin-bottom: 15px;}
	.sho div:first-child {width: 100%;}
	.adress-one-block span {display: block; margin-bottom: 15px;}
	.personal-account input[type="text"], .personal-account input[type="password"] {
		width: 100%;
		margin-left: 0;
		font-size: 14px;
		height: 36px;
	}
	.personal-account input[type="submit"], .personal-account input[type="reset"]{
		margin-left: 0;
		font-size: 14px;
		width: 120px;
	}
}

@media (max-width: 450px) {
	.account .wrapper {margin-top: 10px;}
	.account-tab h2 {font-size: 20px;}
	.account__tab-switch {text-align: center;}
	.form__checkout-cart {
		border: transparent;
		padding: 0;
	}
	.order__head, .order__close-info {display: block;}
	.order__head div:first-child {font-size: 16px;}
	.order__status {width: fit-content; width: -moz-fit-content; margin-top: 10px;}
	.order__close-info div {margin-top: 5px;}
	.orders__order_open .order__head div:first-child {font-size: 24px;}
}