body {
	/*background-color: rgb(245, 245, 245);*/
}

/* PERSONAL START */
.personal-wrapper {
	flex-wrap: nowrap;
	/*overflow: auto;*/
}

.personal-content  {
	padding: 20px;
	padding-bottom: 50px;
	background-color: #f5f5f5;
}

/*.mdl-grid.mdl-width-all {*/
	/*max-width: 1920px;*/
/*}*/

.closeBlock {
	opacity: 0.5;
	pointer-events: none;
}

/*
   * Класс, созданный для анимации секции с формой.
   * Свойство left будет плавно меняться, убирая секцию
   * за пределы экрана в нужный момент
   */

aside.sidebar_is-open {
	left: 0px;
}

/* Блок с иконкой, сворачивающей и раскрывающей секцию с формой */
.sidebar__toggle {
	width: 35px;
	height: 35px;
	/*background-color: #36424c;*/
	background-color: #b60240;
	position: absolute;
	top: 0;
	right: -35px;
	display: flex;
	cursor: pointer;
	transition: opacity .4s;
}

/*.sidebar__toggle:hover {
	opacity: .8;
}*/

.sidebar__toggle-image {
	width: 12px;
	height: 20px;
	margin: auto;
	transform: rotate(180deg);
}

/* Поворот иконки, отвечающей за анимацию секции с формой */
.sidebar_is-open .sidebar__toggle-image {
	transform: rotate(0deg);
}

.sidebar__toggle {
	opacity: 0;
	cursor: default;
}

@media screen and (max-width: 1240px) {
	.personal-content {
		margin-left: -320px;
	}
	.sidebar {
		left: -320px;
		border-right: 1px solid rgb(157, 177, 179);
	}
	.sidebar__toggle {
		opacity: 1;
	}
}

.personal-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
}

@media (max-width: 700px) {
	.table__title_date {
		display: none !important;
	}
	.order__date {
		display: none !important;
	}
}

@media (max-width: 576px) {

	.order__item {
		flex-direction: column;
	}
	.order__cell_left, .order__cell_right {
		flex: auto;
		padding-bottom: 15px;
	}
}

@media (max-width: 400px) {
	.table__title_date {
		display: none !important;
	}
	.order__date {
		display: none !important;
	}

	.table__title_cost {
		display: none !important;
	}
	.order__cost {
		display: none !important;
	}
}


/* PERSONAL END */