* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.wrap {
	width: 100%;
	height: 100vh;

	display: flex;
	justify-content: space-between;
}

.left_side {
	width: 20%;
	height: 100vh;

	background-color: #fff;

	display: flex;
	align-items: center;
	flex-direction: column;

	position: fixed;
}

.left_side_static {
	width: 20%;
	height: 100vh;
}

.left_side_container {
	width: 80%;
	height: 100vh;
}

.logo_place {
	display: flex;
	align-items: center;

	margin-top: 25px;
}

.icon_logo {
	margin-left: 15px;
}

.logo_title {
	font-size: 36px;
	font-weight: 900;
	font-family: monospace;
	color: #0E6EFF;
}

.logo_title {
	font-size: 41px;
	font-family: monospace;
	font-weight: 900;
	color: #0E6EFF;

	margin-left: 15px;
}

.page_choose {
	margin-top: 40px;
}

.page_choose_item {
	width: 100%;
	height: 50px;

	border-radius: 10px;

	display: flex;
	align-items: center;

	margin-bottom: 10px;

	font-family: monospace;

	cursor: pointer;
	transition: .1s linear;
}

.page_choose_item:hover {
	background-color: lightgrey;
}

.page_choose_item_active {
	background-color: #0E6EFF;
}

.page_choose_item_active:hover {
	background-color: #0E6EFF;
}

.icon_page_choose {
	margin: 0px 15px;
}

.page_choose_item_title {
	font-size: 20px;
	color: #72757A;
}

.page_choose_item_title_white {
	color: #fff;
}

.payment_admin {
	color: #000;
	font-size: 16px;
	font-family: monospace;
	font-weight: 900;

	margin-top: 50px;
}

.made_by {
	margin: 10px 0px;

	font-size: 14px;
	font-family: monospace;
	color: grey;
}

.right_side {
	width: 80%;
	height: 150vh;

	background-color: #E5E5E5;

	display: flex;
	align-items: center;
	flex-direction: column;
}

.right_side_container {
	width: 95%;
	height: 100vh;
}

.right_side_header {
	width: 100%;
	height: 10vh;

	display: flex;
	align-items: center;

	margin-top: 15px;
}

.right_side_title {
	font-size: 48px;
	font-weight: 900;
	font-family: monospace;

	margin-left: 20px;
}

.header_input_place {
	width: 415px;
	height: 60px;

	display: flex;
	align-items: center;

	background-color: #fff;
	border-radius: 15px;

	margin-left: 100px;
}

.input {
	width: 355px;
	height: 60px;

	border-radius: 15px;

	border: none;
	outline: none;

	padding: 0px 25px;

	font-size: 25px;
}

.icon_search {
	margin: 0px 20px;

	cursor: pointer;
}

.bells_message_place {
	width: 90px;

	display: flex;
	justify-content: space-between;

	margin-left: 0px;
}

.cursor {
	cursor: pointer;
}

.user_place {
	display: flex;
	align-items: center;

	margin-left: 50px;

	padding: 10px;

	border-radius: 15px;

	cursor: pointer;
	transition: .1s linear;
}

.user_place:hover {
	background-color: darkgrey;
}

.user_info {
	margin-left: 15px;
}

.user_name {
	font-size: 24px;
	font-weight: 900;
	font-family: monospace;
	color: #000;
}

.user_gmail {
	font-family: monospace;
	color: grey;
}

.squares {
	display: flex;

	margin-top: 35px;
}

.squares_item {
	width: 25%;
	height: 125px;

	background-color: #03B664;
	border-radius: 20px;
	margin-right: 25px;
}

.squares_item:last-child {
	margin-right: 0px;
}

.squares_item_container {
	width: 75%;
	height: 100%;

	margin: 0px auto;

	display: flex;
}

.squares_item_icon_place {
	width: 45px;
	height: 45px;

	background-color: #03e166;
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-top: 30px;
}

.invoices_place {
	margin-top: 25px;
	margin-left: 20px;
}

.invoices_number {
	font-size: 30px;
	font-family: monospace;
	font-weight: 900;
	color: #fff;
}

.invoices_place_text {
	color: #fff;
}

.squares_item_blue {
	background-color: #01BEFF;
}

.squares_item_yellow {
	background-color: #FFBF26;
}

.squares_item_red {
	background-color: #FF684D;
}

.squares_item_icon_place_blue {
	background-color: #01e1ff;
}

.squares_item_icon_place_yellow {
	background-color: #ffe226;
}

.squares_item_icon_place_red {
	background-color: #ff7d4d;
}

.sections {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	margin-top: 35px;
}

.transactions_place {
	width: 74.5%;
	height: 425px;

	background-color: #fff;
	border-radius: 20px;
}

.transactions_place_container {
	width: 93%;
	height: 100%;

	margin: 0px auto;
}

.transactions_place_title {
	font-size: 24px;
	font-family: monospace;
	font-weight: 900;

	margin-top: 30px;
}

.transactions_choose {
	margin-top: 30px;
}

.transactions_choose_item {
	display: flex;
	align-items: center;

	margin: 25px 0px;
}

.transactions_choose_item_square {
	width: 42px;
	height: 42px;

	background-color: #0E6EFF;
	border-radius: 5px;
}

.transactions_name_place {
	margin-top: -20px;
	margin-left: 15px;
}

.transactions_id {
	color: #0E6EFF;
	font-family: monospace;
	font-weight: 900;
}

.transactions_name {
	font-size: 18px;
	font-weight: 900;
	font-family: monospace;

	position: absolute;
}

.transactions_choose_ammount {
	display: flex;

	margin-left: 150px;
}

.transactions_choose_ammount_square {
	width: 45px;
	height: 45px;

	background-color: lightgrey;
	border-radius: 10px;

	display: flex;
	align-items: center;
	justify-content: center;
}

.ammount_text {
	margin-left: 15px;
}

.ammount_title {
	font-size: 16px;
	font-family: monospace;
	color: #72757A;
}

.ammount_price {
	font-size: 18px;
	font-family: monospace;
	font-weight: 900;
	color: #171B1E;

	position: absolute;
}

.ammount_title_time {
	margin-left: 100px;
}

.icon_printer {
	margin-left: 100px;
}

.icon_dotted {
	margin-left: 47px;
}

.transactions_choose_item_square_yellow {
	background-color: #FFBF26;
}

.transactions_choose_item_square_green {
	background-color: #00D171;
}

.transactions_choose_item_square_red {
	background-color: #FF684D;
}

.transactions_place_footer {
	margin-top: 25px;

	display: flex;
	align-items: center;
}

.transactions_place_footer_text {
	font-family: monospace;
	font-size: 15px;
	color: #72757A;
}

.transactions_place_footer_text_span {
	color: #000;
	font-weight: 900;
}

.transactions_place_choose {
	display: flex;

	margin-left: 311px;
}

.transactions_place_choose_item {
	width: 44px;
	height: 44px;

	border: 1px solid #A1A1A1;
	border-radius: 10px;

	margin: 0px 10px;

	display: flex;
	align-items: center;
	justify-content: center;

	color: #72757A;

	cursor: pointer;
	transition: .1s linear;
}

.transactions_place_choose_item:hover {
	background-color: darkgrey;
}

.transactions_place_choose_item_active {
	background-color: #0E6EFF;
	color: #fff;
}

.transactions_place_choose_item_active:hover {
	background-color: #0E6EFF;
}

.statistics_place {
	width: 23%;
	height: 425px;

	background-color: #fff;
	border-radius: 20px;
}

.statistics_place_container {
	width: 80%;
	height: 100%;

	margin: 0px auto;
}

.statistics_place_title {
	font-size: 24px;
	font-family: monospace;
	font-weight: 900;

	margin-top: 30px;
}

.canvas_place_bar {
	margin-top: 15px;
}

.canvas_colors {
	margin-top: 15px;
}

.canvas_colors_row {
	display: flex;
}

.canvas_colors_item {
	display: flex;
	align-items: center;

	margin: 15px 75px;
}

.canvas_colors_item:first-child {
	margin-left: 0px;
}

.canvas_colors_item_circule {
	width: 10px;
	height: 10px;

	border-radius: 50%;
	background-color: #00D171;
}

.canvas_colors_item_color {
	font-family: monospace;
	font-size: 21px;
	color: #72757A;

	position: absolute;

	margin-left: 20px;
}

.canvas_colors_item_circule_blue {
	background-color: #0E6EFF;
}

.canvas_colors_item_circule_yellow {
	background-color: #FFBA14;
}

.canvas_colors_item_circule_red {
	background-color: #FF684D;
}

.card_transactions_place {
	width: 32%;
	height: 400px;
}

.sections_container_jk {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card {
	width: 108%;
	height: 60%;

	position: relative;

	perspective: 1000px;

	cursor: pointer;
	transition: .1s linear;
}

.card_front {
	width: 100%;
	height: 100%;

	position: absolute;

	background: linear-gradient(-90deg, #936DFF
, #3ED1FF);
	border-radius: 20px;
	box-shadow: 0px 0px 25px #936DFF;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	backface-visibility: hidden;

	transition: 1s linear;
}

.card_back {
	width: 100%;
	height: 100%;

	position: absolute;

	background: linear-gradient(-90deg, #936DFF
, #3ED1FF);
	border-radius: 20px;
	box-shadow: 0px 0px 25px #936DFF;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	backface-visibility: hidden;

	transform: rotateY(180deg);

	transition: 1s linear;
}

.card_back_figure {
	width: 100%;
	height: 50px;

	background-color:  #936DFF;
	border-top: 1px solid #9232ff;
	border-bottom: 1px solid #9232ff;

	margin-top: 25px;
}

.card_cvv {
	width: 100px;
	height: 50px;

	background-color: #936DFF;
	border-radius: 5px;
	border: 1px solid #9232ff;

	display: flex;
	align-items: center;
	justify-content: space-between;

	margin-top: 100px;
	margin-left: 175px;
}

.card_cvv_figure {
	width: 50px;
	height: 50px;
}

.cvv_numbers {
	font-size: 25px;
	font-family: monospace;
	color: #fff;

	padding-right: 10px;
}

.statistics_place_title_card {
	font-size: 20px;
	font-family: monospace;
	font-weight: 500;
	color: #fff;

	margin-top: 30px;
}

.sections_text_bold_card {
	font-size: 32px;
	font-family: monospace;
	font-weight: 900;
	color: #fff;

	margin-top: 10px;
}

.pin_code {
	display: flex;
	align-items: center;

	margin-top: 25px;
}

.dotted {
	width: 6px;
	height: 6px;

	border-radius: 50%;
	background-color: #fff;

	margin: 0px 3px;
}

.dotted_margin {
	margin-right: 25px;
}

.last_namber {
	font-size: 20px;
	font-family: monospace;
	color: #fff;
}

.card_footer {
	margin-top: 25px;

	display: flex;
}

.card_footer_item {
	margin-right: 15px;
}

.user_name_card {
	color: #fff;
	font-size: 16px;
	font-family: monospace;
}

.card_date {
	color: #fff;
	font-size: 16px;
	font-weight: 900;
	font-family: monospace;
}

.card_circule_place {
	display: flex;

	margin-left: 9px;
}

.card_circule {
	width: 40px;
	height: 40px;

	border-radius: 50%;
	background-color: #fff;
	opacity: 0.4;
}

.card_circule_left_left {
	position: relative;
	left: 10px;
}

.card_circule_left_right {
	position: relative;
	right: 10px;
}

.transactions {
	width: 108%;
	height: 35%;

	background-color: #fff;
	border-radius: 20px;
}

.sections_container_flex {
	display: flex;
}

.sections_text_transactions {
	font-size: 17px;
	font-family: monospace;
	color: #72757A;

	margin-top: 20px;
}

.sections_text_bold_transactions {
	font-size: 32px;
	font-family: monospace;
	font-weight: 900;
	color: #000;

	margin-top: 5px;
}

.canvas_place_bar_transactions {
	width: 55%;

	margin-left: 25px;
	margin-top: -5px;
}

.balance_place {
	width: 32%;
	height: 400px;

	background-color: #fff;
	border-radius: 20px;
}

.activity_place {
	width: 32%;
	height: 400px;

	background-color: #fff;
	border-radius: 20px;
}

.sections_container {
	width: 85%;
	height: 100%;

	margin: 0px auto;
}

.sections_text {
	font-size: 17px;
	font-family: monospace;
	color: #72757A;

	margin-top: 25px;
}

.sections_text_bold {
	font-size: 32px;
	font-family: monospace;
	font-weight: 900;
	color: #000;

	margin-top: 5px;
}

.balance_place_squares {
	margin-top: 25px;
}

.balance_place_squares_row {
	display: flex;
	justify-content: space-between;
}

.balance_place_squares_item {
	width: 155px;
	height: 87px;

	background-color: #F5F5F5;
	border-radius: 10px;

	margin: 10px 0px;

	cursor: pointer;
	transition: .1s linear;
}

.balance_place_squares_item_active {
	background-color: #0E6EFF;
}

.sections_text_square {
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 5px;
}

.sections_text_square_active {
	color: #fff;
}

.square_price {
	font-size: 24px;
	font-weight: 900;
	font-family: monospace;
	color: #000;

	margin-left: 20px;
}

.square_price_active {
	color: #fff;
}

.canvas_place_bar_place {
	width: 85%;

	display: flex;
}

.canvas_place_bar_place_right {
	margin-top: 50px;
}

.canvas_place_bar_place_right_item {
	margin-bottom: 25px;
	margin-left: 15px;
}

.canvas_place_bar_place_right_item_figure {
	width: 55px;
	height: 12px;

	background-color: #00D171;
	border-radius: 3px;
}

.canvas_place_bar_place_right_item_figure_red {
	background-color: #FF684D;
}

.canvas_place_bar_place_right_item_figure_blue {
	background-color: #01BEFF;
}

.canvas_place_bar_place_right_item_text {
	font-size: 17px;
	font-family: monospace;
	color: #72757A;

	margin-top: 10px;
}

.balance_place_media {
	display: none;
}

.logo_title {
	display: none;
}

.burger_menu {
	display: none;
}

.popup {
	width: 100%;
	height: 100%;

	position: fixed;
	top: 0;
	left: 0;

	background-color: rgba(0, 0, 0, 0.8);

	opacity: 0;
	visibility: hidden;

	transition: .5s linear;
}

.popup_body {
	min-height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}

.popup_content {
	max-width: 1000px;

	background-color: #fff;

	color: #000;

	padding: 15px 30px 25px 30px;

	position: relative;

	transition: .5s linear;
	transform: translate(0px, -100%) perspective(600px) rotateX(45deg);
	opacity: 0;
}

.popup_close {
	position: absolute;
	top: 15px;
	right: 15px;

	cursor: pointer;
}

.popup_title {
	font-size: 40px;
	font-family: monospace;
}

.register_error_place {
	margin-top: 15px;

	display: none;
}

.register_error {
	font-size: 15px;
	font-family: monospace;
	color: red;

	text-align: center;
}

.register_input {
	line-height: 50px;

	background-color: #999;
	border-radius: 15px;

	outline: none;
	border: none;

	font-size: 20px;

	padding: 0px 10px;
	margin: 25px 5px 15px 5px;
}

.register_btn {
	width: 225px;
	line-height: 50px;

	background-color: skyblue;
	border-radius: 15px;
	box-shadow: 0px 5px 0px 0px cadetblue;

	text-align: center;

	font-size: 25px;
	font-family: monospace;
	color: #fff;

	margin: 0px auto;

	transition: .1s linear;
	cursor: pointer;

	position: relative;
}

.register_btn:hover {
	background-color: cadetblue;

	top: 3px;
}

.mail_yext_place {
	display: flex;
	align-items: center;

	padding: 100px;
}

.mail_text {
	font-size: 25px;
	font-family: monospace;
	color: #999;

	margin-right: 15px;
}

@media (max-width: 2100px) {

	.right_side {
		height: 140vh;
	}

	.header_input_place {
		margin-left: 250px;
	}

	.bells_message_place {
		width: 85px;

		margin-left: 300px;
	}

	.user_place {
		margin-left: 25px;
	}

	.transactions_choose_ammount {
		margin-left: 200px;
	}

	.ammount_title_time {
		margin-left: 200px;
	}

	.icon_printer {
		margin-left: 200px;
	}

	.icon_dotted {
		margin-left: 70px;
	}

	.transactions_place_choose {
		margin-left: 585px;
	}

	.canvas_place_bar {
		width: 90%;
	}

	.canvas_colors {
		margin-top: 0px;
	}

	.card_cvv {
		margin-left: 300px;
	}

	.canvas_place_bar_transactions {
		width: 40%;

		margin-left: 50px;
	}

	.balance_place_squares_item {
		width: 205px;
	}

	.canvas_place_bar_place {
		width: 69%;
	}

}

@media (max-width: 2000px) {

	.right_side {
		height: 150vh;
	}

	.header_input_place {
		margin-left: 250px;
	}

	.bells_message_place {
		width: 85px;

		margin-left: 225px;
	}

	.user_place {
		margin-left: 25px;
	}

	.transactions_choose_ammount {
		margin-left: 200px;
	}

	.ammount_title_time {
		margin-left: 200px;
	}

	.icon_printer {
		margin-left: 169px;
	}

	.icon_dotted {
		margin-left: 50px;
	}

	.transactions_place_choose {
		margin-left: 535px;
	}

	.canvas_place_bar {
		width: 95%;
	}

	.canvas_colors {
		margin-top: 0px;
	}

	.card_cvv {
		margin-left: 300px;
	}

	.canvas_place_bar_transactions {
		width: 40;

		margin-top: 0px;
		margin-left: 50px;
	}

	.balance_place_squares_item {
		width: 195px;
	}

	.canvas_place_bar_place {
		width: 69%;
	}

}

@media (max-width: 1900px) {

	.right_side {
		height: 155vh;
	}

	.header_input_place {
		margin-left: 250px;
	}

	.bells_message_place {
		width: 85px;

		margin-left: 150px;
	}

	.user_place {
		margin-left: 25px;
	}

	.transactions_choose_ammount {
		margin-left: 200px;
	}

	.ammount_title_time {
		margin-left: 200px;
	}

	.icon_printer {
		margin-left: 140px;
	}

	.icon_dotted {
		margin-left: 25px;
	}

	.transactions_place_choose {
		margin-left: 480px;
	}

	.canvas_place_bar {
		width: 95%;
	}

	.canvas_colors {
		margin-top: 0px;
	}

	.card_cvv {
		margin-left: 250px;
	}

	.canvas_place_bar_transactions {
		width: 43%;

		margin-top: 0px;
		margin-left: 50px;
	}

	.balance_place_squares_item {
		width: 185px;
	}

	.canvas_place_bar_place {
		width: 69%;
	}

}

@media (max-width: 1800px) {

	.right_side {
		height: 161vh;
	}

	.header_input_place {
		margin-left: 250px;
	}

	.bells_message_place {
		width: 85px;

		margin-left: 75px;
	}

	.user_place {
		margin-left: 25px;
	}

	.transactions_choose_ammount {
		margin-left: 200px;
	}

	.ammount_title_time {
		margin-left: 150px;
	}

	.icon_printer {
		margin-left: 135px;
	}

	.icon_dotted {
		margin-left: 25px;
	}

	.transactions_place_choose {
		margin-left: 425px;
	}

	.canvas_place_bar {
		width: 100%;
	}

	.canvas_colors {
		margin-top: 5px;
	}

	.card_cvv {
		margin-left: 250px;
	}

	.canvas_place_bar_transactions {
		width: 46%;

		margin-top: 0px;
		margin-left: 50px;
	}

	.balance_place_squares_item {
		width: 175px;
	}

	.canvas_place_bar_place {
		width: 80%;
	}

}

@media (max-width: 1700px) {

	.right_side {
		height: 150vh;
	}

	.header_input_place {
		margin-left: 150px;
	}

	.bells_message_place {
		width: 75px;

		margin-left: 30px;
	}

	.user_place {
		margin-left: 15px;
	}

	.transactions_choose_ammount {
		margin-left: 150px;
	}

	.ammount_title_time {
		margin-left: 140px;
	}

	.icon_printer {
		margin-left: 85px;
	}

	.icon_dotted {
		margin-left: 25px;
	}

	.transactions_place_choose {
		margin-left: 315px;
	}

	.canvas_place_bar {
		width: 105%;
	}

	.canvas_colors {
		margin-top: 25px;
	}

	.card_cvv {
		margin-left: 200px;
	}

	.canvas_place_bar_transactions {
		width: 51%;

		margin-top: 0px;
		margin-left: 35px;
	}

	.balance_place_squares_item {
		width: 155px;
	}

	.canvas_place_bar_place {
		width: 85%;
	}

}

@media (max-width: 1560px) {

	.right_side {
		height: 185vh
	}

	.bells_message_place {
		width: 75px;

		margin-left: 27px;
	}

	.card_cvv {
		margin-left: 200px;
	}

}

@media (max-width: 1400px) {

	.right_side {
		height: 185vh
	}

	.header_input_place {
		margin-left: 25px;
	}

	.bells_message_place {
		width: 75px;

		margin-left: 15px;
	}

	.user_place {
		margin-left: 15px;
	}

	.transactions_choose_ammount {
		margin-left: 100px;
	}

	.ammount_title_time {
		margin-left: 100px;
	}

	.icon_printer {
		margin-left: 70px;
	}

	.icon_dotted {
		margin-left: 25px;
	}

	.transactions_place_choose {
		margin-left: 210px;
	}

	.canvas_colors_item {
		margin: 15px 65px;
	}

	.card_cvv {
		margin-left: 150px;
	}

	.canvas_place_bar_transactions {
		margin-top: 5px;
	}

	.canvas_place_bar_place_right_item {
		margin-left: 10px;
	}

}

@media (max-width: 1300px) {

	.right_side {
		height: 185vh
	}

	.header_input_place {
		display: none;
	}

	.bells_message_place {
		width: 75px;

		margin-left: 380px;
	}

	.user_place {
		margin-left: 15px;
	}

	.transactions_choose_ammount {
		margin-left: 100px;
	}

	.ammount_title_time {
		margin-left: 75px;
	}

	.icon_printer {
		margin-left: 50px;
	}

	.icon_dotted {
		margin-left: 25px;
	}

	.transactions_place_choose {
		margin-left: 160px;
	}

	.canvas_colors_item {
		margin: 15px 55px;
	}

	.card_cvv {
		margin-left: 150px;
	}

	.canvas_place_bar_transactions {
		margin-top: 10px;

		margin-left: 10px;
	}

	.canvas_place_bar_place_right_item {
		margin-left: 5px;
	}

}

@media (max-width: 1200px) {

	.payment_admin {
		font-size: 13px;
	}

	.right_side {
		height: 277vh
	}

	.header_input_place {
		display: none;
	}

	.bells_message_place {
		width: 75px;

		margin-left: 300px;
	}

	.user_place {
		margin-left: 18px;
	}

	.squares {
		flex-wrap: wrap;
	}

	.squares_item {
		width: 47%;

		margin: 0px 13px;
		margin-bottom: 25px;
	}

	.squares_item_yellow {
		margin-bottom: 0px;
	}

	.squares_item_red {
		margin-bottom: 0px;
	}

	.icon_printer {
		display: none;
	}

	.transactions_choose_ammount {
		margin-left: 100px;
	}

	.ammount_text {
		margin-left: 15px;
	}

	.ammount_title_time {
		margin-left: 100px;
	}

	.icon_dotted {
		margin-left: 33px;
	}

	.transactions_place_choose {
		margin-left: 113px;
	}

	.canvas_place_bar {
		margin-bottom: 90px;
	}

	.canvas_colors_item {
		margin: 15px 45px;
	}

	.card_transactions_place {
		width: 49%;

		margin-bottom: 35px;
	}

	.balance_place {
		width: 49%;

		margin-left: 18px;

		margin-bottom: 35px;
	}

	.canvas_place_bar_transactions {
		width: 45%;

		margin-top: 0px;
		margin-left: 75px;
	}

	.balance_place_squares_item {
		width: 175px;
	}

	.activity_place {
		width: 100%;
	}

	.canvas_place_bar_place {
		width: 36%;
	}

	.sections_container_activity_place {
		width: 90%;
	}

	.card_cvv {
		margin-left: 250px;
	}

}

@media (max-width: 1100px) {

	.right_side {
		height: 278vh
	}

	.header_input_place {
		display: none;
	}

	.bells_message_place {
		width: 75px;

		margin-left: 225px;
	}

	.user_place {
		margin-left: 15px;
	}

	.squares_item {
		width: 46%;
	}

	.transactions_choose_ammount {
		margin-left: 100px;
	}

	.ammount_title_time {
		margin-left: 50px;
	}

	.icon_dotted {
		margin-left: 30px;
	}

	.transactions_place_choose {
		margin-left: 60px;
	}

	.canvas_colors_item {
		margin: 15px 45px;
	}

	.card_transactions_place {
		width: 48%;

		margin-bottom: 35px;
	}

	.balance_place {
		width: 48%;

		margin-left: 18px;

		margin-bottom: 35px;
	}

	.card_cvv {
		margin-left: 200px;
	}

	.canvas_place_bar_transactions {
		width: 50%;

		margin-top: 0px;
		margin-left: 35px;
	}

	.balance_place_squares_item {
		width: 160px;
	}

	.canvas_place_bar_place_right_item {
		margin-left: 15px;
	}

}

@media (max-width: 1000px) {

	.right_side {
		height: 278vh
	}

	.payment_admin {
		margin-top: 25px;
	}

	.made_by {
		font-size: 15px;

		margin-top: 0px;
	}

	.bells_message_place {
		width: 75px;

		margin-left: 150px;
	}

	.user_place {
		margin-left: 15px;
	}

	.transactions_choose_ammount {
		margin-left: 85px;
	}

	.ammount_title_time {
		margin-left: 63px;
	}

	.transactions_choose_ammount_square {
		display: none;
	}

	.icon_dotted {
		margin-left: 25px;
	}

	.transactions_place_choose {
		margin-left: 72px;
	}

	.transactions_place_choose_item_three {
		display: none;
	}

	.canvas_place_bar {
		margin-bottom: 75px;
	}

	.canvas_colors_row {
		display: block;
	}

	.canvas_colors_item {
		margin: 25px 0px;
	}

	.card_cvv {
		margin-left: 175px;
	}

	.canvas_place_bar_transactions {
		width: 55%;

		margin-top: 0px;
		margin-left: 25px;
	}

	.balance_place_squares_item {
		width: 145px;
	}

}

@media (max-width: 992px) {

	.icon_logo {
		margin-left: 5px;
	}

	.page_choose_item_hide {
		display: none;
	}

	.payment_admin {
		font-size: 13px;
	}

	.right_side {
		height: 277vh
	}

	.header_input_place {
		display: none;
	}

	.user_info {
		display: none;
	}

	.bells_message_place {
		width: 80px;

		margin-left: 288px;
	}

	.user_place {
		margin-left: 18px;
	}

	.squares {
		flex-wrap: wrap;
	}

	.squares_item {
		width: 46%;

		margin: 0px 13px;
		margin-bottom: 25px;
	}

	.squares_item_yellow {
		margin-bottom: 0px;
	}

	.squares_item_red {
		margin-bottom: 0px;
	}

	.icon_printer {
		display: none;
	}

	.transactions_choose_ammount {
		margin-left: 100px;
	}

	.ammount_title_time {
		display: none;
	}

	.icon_dotted {
		margin-left: 100px;
	}

	.transactions_place_choose {
		margin-left: 68px;
	}

	.transactions_place_choose_item_three {
		display: none;
	}

	.canvas_place_bar {
		margin-bottom: 75px;
	}

	.canvas_colors_row {
		display: block;
	}

	.canvas_colors_item {
		margin: 25px 0px;
	}

	.card_transactions_place {
		width: 48%;

		margin-bottom: 35px;
	}

	.balance_place {
		width: 48%;

		margin-left: 18px;

		margin-bottom: 35px;
	}

	.canvas_place_bar_transactions {
		width: 55%;

		margin-top: 0px;
		margin-left: 25px;
	}

	.balance_place_squares_item {
		width: 145px;
	}

	.activity_place {
		width: 100%;
	}

	.canvas_place_bar_place {
		width: 44%;
	}

	.sections_container_activity_place {
		width: 90%;
	}

}

@media (max-width: 900px) {

	.right_side {
		height: 278vh
	}

	.bells_message_place {
		width: 75px;

		margin-left: 225px;
	}

	.user_place {
		margin-left: 15px;
	}

	.transactions_choose_ammount {
		margin-left: 85px;
		margin-top: -20px;
	}

	.transactions_choose_ammount_square {
		display: none;
	}

	.icon_dotted {
		margin-left: 100px;
	}

	.transactions_place_choose {
		margin-left: 19px;
	}

	.transactions_place_choose_item_three {
		display: none;
	}

	.canvas_place_bar {
		margin-bottom: 75px;
	}

	.canvas_colors_row {
		display: block;
	}

	.canvas_colors_item {
		margin: 25px 0px;
	}

	.card_cvv {
		margin-left: 150px;
	}

	.canvas_place_bar_transactions {
		width: 60%;

		margin-top: 0px;
		margin-left: 5px;
	}

	.balance_place_squares_item {
		width: 135px;
	}

}

@media (max-width: 768px) {

	.logo_place {
		margin-top: 15px;
	}

	.icon_logo {
		display: none;
	}

	.page_choose {
		margin-top: 25px;
	}

	.page_choose_item {
		justify-content: center;
	}

	.page_choose_item_title {
		display: none;
	}

	.page_choose_item_hide {
		display: none;
	}

	.payment_admin {
		font-size: 13px;
	}

	.right_side {
		height: 346vh
	}

	.header_input_place {
		display: none;
	}

	.user_info {
		display: none;
	}

	.bells_message_place {
		width: 70px;

		margin-left: 132px;
	}

	.user_place {
		margin-left: 15px;
	}

	.squares {
		flex-wrap: wrap;
	}

	.squares_item {
		width: 45%;

		margin: 0px 13px;
		margin-bottom: 25px;
	}

	.squares_item_yellow {
		margin-bottom: 0px;
	}

	.squares_item_red {
		margin-bottom: 0px;
	}

	.transactions_place_title {
		margin-top: 20px;
	}

	.icon_printer {
		display: none;
	}

	.transactions_choose_ammount {
		margin-left: 100px;
	}

	.ammount_title_time {
		display: none;
	}

	.icon_dotted {
		margin-left: 110px;
	}

	.transactions_place {
		width: 100%;
	}

	.transactions_place_footer {
		margin-top: 30px;
	}

	.transactions_place_choose {
		margin-left: 88px;
	}

	.statistics_place {
		display: none;
	}

	.canvas_colors_row {
		flex-wrap: wrap;
	}

	.card {
		width: 225%;
	}

	.transactions {
		width: 225%;
	}

	.card_circule_place {
		margin-left: 25px;
	}

	.card_cvv {
		margin-left: 350px;
	}

	.balance_place_normal {
		display: none;
	}

	.balance_place_media {
		display: block;
	}

	.balance_place {
		width: 100%;

		margin-left: 0px;
	}

	.canvas_place_bar_transactions {
		width: 34%;

		margin-top: 0px;
		margin-left: 25px;
	}

	.balance_place_squares_item {
		width: 250px;
	}

	.activity_place {
		width: 100%;
	}

	.canvas_place_bar_place {
		width: 56%;
	}

	.sections_container_activity_place {
		width: 90%;
	}

}

@media (max-width: 700px) {

	.right_side {
		height: 347vh
	}

	.bells_message_place {
		width: 75px;

		margin-left: 75px;
	}

	.user_place {
		margin-left: 15px;
	}

	.transactions_choose_ammount {
		margin-left: 100px;
		margin-top: -20px;
	}

	.transactions_choose_ammount_square {
		display: none;
	}

	.icon_dotted {
		margin-left: 105px;
	}

	.transactions_place_choose {
		margin-left: 40px;
	}

	.transactions_place_choose_item_three {
		display: none;
	}

	.card_cvv {
		margin-left: 325px;
	}

	.canvas_place_bar_transactions {
		width: 38%;

		margin-top: 0px;
		margin-left: 75px;
	}

	.balance_place_squares_item {
		width: 225px;
	}

}

@media (max-width: 600px) {

	.logo_place {
		margin-top: 15px;
		margin-left: -10px;

		font-size: ;
	}

	.icon_logo {
		display: none;
	}

	.logo_title {
		font-size: 31px;
	}

	.page_choose {
		margin-top: 25px;
	}

	.page_choose_item {
		justify-content: center;
	}

	.page_choose_item_title {
		display: none;
	}

	.page_choose_item_hide {
		display: none;
	}

	.payment_admin {
		font-size: 13px;
	}

	.right_side {
		height: 394vh
	}

	.header_figure {
		display: none;
	}

	.header_input_place {
		display: none;
	}

	.user_info {
		display: none;
	}

	.right_side_title {
		margin-left: 10px;
	}

	.bells_message_place {
		width: 70px;

		margin-left: 53px;
	}

	.user_place {
		margin-left: 5px;
	}

	.squares {
		flex-wrap: wrap;
	}

	.squares_item {
		width: 95%;

		margin: 0px 13px;
		margin-bottom: 25px;
	}

	.squares_item_yellow {
		margin-bottom: 25px;
	}

	.squares_item_red {
		margin-bottom: 0px;
	}

	.transactions_place_title {
		margin-top: 20px;
	}

	.icon_printer {
		display: none;
	}

	.transactions_choose_ammount_square {
		display: none;
	}

	.transactions_choose_ammount {
		margin-left: 75px;

		margin-top: -25px;
	}

	.ammount_title_time {
		display: none;
	}

	.icon_dotted {
		margin-left: 70px;
	}

	.transactions_place {
		width: 100%;
	}

	.transactions_place_footer {
		margin-top: 30px;
	}

	.transactions_place_choose {
		margin-left: 95px;
	}

	.transactions_place_choose_item_one {
		display: none;
	}

	.transactions_place_choose_item_two {
		display: none;
	}

	.statistics_place {
		display: none;
	}

	.canvas_colors_row {
		flex-wrap: wrap;
	}

	.card {
		width: 225%;
	}

	.transactions {
		width: 225%;
	}

	.card_circule_place {
		margin-left: 25px;
	}

	.card_cvv {
		margin-left: 250px;
	}

	.balance_place_normal {
		display: none;
	}

	.balance_place_media {
		display: block;
	}

	.balance_place {
		width: 100%;

		margin-left: 0px;
	}

	.canvas_place_bar_transactions {
		width: 44%;

		margin-top: 0px;
		margin-left: 35px;
	}

	.balance_place_squares_item {
		width: 195px;
	}

	.activity_place {
		width: 100%;
	}

	.canvas_place_bar_place {
		width: 73%;
	}

	.sections_container_activity_place {
		width: 90%;
	}

}

@media (max-width: 500px) {

	.right_side {
		height: 386vh
	}

	.right_side_title {
		font-size: 38px;
	}

	.bells_message_place {
		width: 70px;

		margin-left: 32px;
	}

	.user_place {
		margin-left: 0px;
	}

	.squares_item {
		width: 94%;
	}

	.transactions_place {
		height: 375px;
	}

	.transactions_choose_item_square {
		display: none;
	}

	.transactions_choose_ammount {
		margin-left: 65px;
		margin-top: -20px;
	}

	.transactions_choose_ammount_square {
		display: none;
	}

	.icon_dotted {
		margin-left: 55px;
	}

	.transactions_place_choose {
		margin-left: 27px;
	}

	.transactions_place_choose_item_three {
		display: none;
	}

	.card_cvv {
		margin-left: 200px;
	}

	.canvas_place_bar_transactions {
		width: 52%;

		margin-top: 0px;
		margin-left: 25px;
	}

	.balance_place_squares_item {
		width: 160px;
	}

}

@media (max-width: 400px) {

	.left_side {
		display: none;
	}

	.left_side_static {
		display: none;
	}

	.right_side {
		width: 100%;

		height: 386vh
	}

	.right_side_title {
		font-size: 38px;
	}

	.bells_message_place {
		width: 70px;

		margin-left: 27px;
	}

	.user_place {
		margin-left: 5px;
	}

	.squares_item {
		width: 94%;
	}

	.transactions_place {
		height: 380px;
	}

	.transactions_choose_item_square {
		display: none;
	}

	.transactions_choose_ammount {
		margin-left: 65px;
		margin-top: -20px;
	}

	.transactions_choose_ammount_square {
		display: none;
	}

	.icon_dotted {
		margin-left: 55px;
	}

	.transactions_place_choose {
		margin-left: 27px;
	}

	.transactions_place_choose_item_three {
		display: none;
	}

	.card_cvv {
		margin-left: 200px;
	}

	.canvas_place_bar_transactions {
		width: 52%;

		margin-top: 0px;
		margin-left: 25px;
	}

	.balance_place_squares_item {
		width: 160px;
	}

}

@media (max-width: 320px) {

	.left_side {
		display: none;
	}

	.left_side_static {
		display: none;
	}

	.right_side {
		width: 100%;
		height: 372vh;
	}

	.right_side_header {
		margin-top: 0px;
	}

	.right_side_title {
		font-size: 38px;
	}

	.bells_message_place {
		display: none;
	}

	.user_place {
		display: none;
	}

	.burger_menu {
		display: block;

		margin-left: 65px;
	}

	.squares_item {
		width: 92%;
	}

	.transactions_place {
		height: 375px;
	}

	.transactions_choose_item_square {
		display: none;
	}

	.transactions_name_place {
		margin-left: 0px;
	}

	.transactions_choose_ammount {
		margin-left: 25px;
	}

	.transactions_name {
		font-size: 13px;
	}

	.ammount_price {
		font-size: 13px;
	}

	.icon_dotted {
		margin-left: 35px;
	}

	.transactions_place_choose {
		margin-left: 0px;
		margin-top: 0px;
	}

	.card_cvv {
		margin-left: 125px;
	}

	.canvas_place_bar_transactions {
		width: 60%;

		margin-top: 5px;
		margin-left: 5px;
	}

	.balance_place_squares_item {
		width: 130px;
	}

	.activity_place {
		height: 325px;
	}

	.canvas_place_bar_place {
		width: 78%;
	}

	.canvas_place_bar_place_right {
		margin-top: 35px;
	}

}