@import url('https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');

html {
	width: 100%;
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	width: 100%;
	height: 100%;
	background-color: whitesmoke;
	margin: 0;
	padding: 0;
}

h2 {
	color: gray;
	margin: 0;
	margin-top: 15px;
}

.scrollbar::-webkit-scrollbar{
	width: 10px;
}

.scrollbar::-webkit-scrollbar-track {
	background: lightgrey;
}

.scrollbar::-webkit-scrollbar-thumb {
	background: #1c1c1c;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
	background: #c0a0b9;
}

header{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	background-color: #1c1c1c;
	color: whitesmoke;
	width: calc(100% - 40px);
	padding: 5px 20px;
}
header h1{
	margin: 0;
	font-size: 20px;
}
header .header_block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 70%;
}
header .header_block img {
	filter: invert(1);
	margin-right: 20px;
	width: 25px;
	cursor: pointer;
	transition: opacity 0.8s ease;
}
header .header_block img:hover {
	opacity: 50%;
}
header .header_block .holing_block {
	display: flex;
	flex-direction: row;
	font-size: 13px;
}
header .header_block .holing_block span {
	margin-right: 10px;
}
header .header_block .time_block {
	display: flex;
	flex-direction: row;
	align-items: center;
}
header .header_block .time_block strong {
	font-size: 35px;
}
header .header_block .time_block div {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
}
header .header_block .user_block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
header .header_block .user_block a {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	text-decoration: none;
	color: whitesmoke;
	transition: color 0.5s ease;
}
header .header_block .user_block a img {
	filter: none;
	border-radius: 50px;
}
header .header_block .user_block a:hover {
	color: dodgerblue;
}
header .header_block .user_block .notification_button {
	cursor: pointer;
}
header .header_block .user_block .notification_button:hover {
	opacity: 50%;
}
header .header_block .user_block .notification_button mark {
	position: absolute;
	z-index: 555;
	border-radius: 50%;
	font-size: 10px;
	font-weight: normal;
	width: 10px;
	height: 10px;
	background-color: red;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px;
	margin-left: 10px;
}

.auth_main {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	background-color: white;
}
.auth_main .auth_container {
	width: 70%;
}
.auth_main .auth_container .privacies_block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}
.auth_main .auth_container .form_checkbox_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px dashed #d5d5d5;
}

.auth_main .blue_block_container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	width: 70%;
	background: linear-gradient(45deg, #0055a7, dodgerblue);
	height: calc(100% - 100px);
	color: white;
	padding: 50px;
}
.auth_main .blue_block_container .title_block {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	flex: 1;
}
.auth_main .blue_block_container .footer_block {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	justify-content: space-between;
	width: 100%;
	font-size: 14px;
}
.auth_main .blue_block_container .footer_block .block_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.auth_main .blue_block_container .footer_block .block_item span {
	cursor: pointer;
	margin-bottom: 10px;
}
.auth_main .blue_block_container .footer_block .block_item span:hover {
	opacity: 50%;
}

.enable_btn {
	opacity: 50%;
}
.enable_btn:hover {
	background-color: dodgerblue;
	color: white;
}

#notification_block_id {
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: white;
	min-width: 350px;
	width: 100%;
	max-width: 500px;
	min-height: 200px;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 5px 10px gray;
	top: 52px;
	right: 100px;
	max-height: 100%;
	overflow: hidden;
}
#notification_block_id .notification_contaniner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
#notification_block_id u {
	margin: 10px 0px;
	font-size: 19px;
	color: dodgerblue;
	cursor: pointer;
	transition: opacity 0.5s ease;
}
#notification_block_id u:hover {
	opacity: 50%;
}
#notification_block_id .notification_contaniner .bgc_alice {
	background-color: aliceblue;
}
#notification_block_id .notification_contaniner .bgc_white {
	background-color: white;
}
#notification_block_id .notification_contaniner .notification_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(100% - 20px);
	padding: 10px 10px;
	margin-top: 5px;
	border-bottom: 1px solid lightgray;
	transition: background-color 0.5s ease;
}
#notification_block_id .notification_contaniner .bgc_white:hover, .notification_contaniner .bgc_alice:hover {
	background-color: white;
}
#notification_block_id .notification_contaniner .notification_item .notification_header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
#notification_block_id .notification_contaniner .notification_item p {
	margin: 0;
}
#notification_block_id .notification_contaniner .notification_item .n_message {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	font-size: 13px;
}
#notification_block_id .notification_contaniner .notification_item .n_message p {
	margin: 10px 0px;
	width: 100%;
}
#notification_block_id .notification_contaniner .notification_item .n_message a {
	color: dodgerblue;
	transition: opacity 0.5s ease;
	width: 100%;
	font-size: 14px;
}
#notification_block_id .notification_contaniner .notification_item .n_message a:hover {
	opacity: 50%;
}

input {
	border-radius: 5px;
	height: 35px;
	font-size: 19px;
	background-color: #0000000f;
	border: 0;
}
select {
	border-radius: 5px;
	height: 35px;
	font-size: 19px;
	background-color: #0000000f;
	border: 0;
}
input[type="button"] {
	height: 40px;
	font-size: 17px;
}

button {
	padding: 10px 20px;
	background-color: dodgerblue;
	border-radius: 5px;
	border: 0;
	font-weight: bold;
	font-size: 17px;
	color: white;
	cursor: pointer;
	transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
}
button:hover {
	border: 1px solid dodgerblue;
	background-color: white;
	color: dodgerblue;
	padding: 9px 19px;
}

.button_a {
	padding: 10px 15px;
	border: 1px solid dodgerblue;
	border-radius: 5px;
	color: dodgerblue;
	transition: color 0.5s ease, border 0.5s ease;
}
.button_a:hover {
	border: 1px solid black;
	color: black;
}

input[type="button"] {
	width: 100%;
	padding: 10px 20px;
	margin: 5px 0px;
	background: 0;
	border-radius: 5px;
	border: 1px solid dodgerblue;
	color: dodgerblue;
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	transition: color 0.5s ease, border 0.5s ease;
}
input[type="button"]:hover {
	border: 1px solid white;
	color: white;
	background-color: dodgerblue;
}

main {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	height: calc(100% - 62px);

}
main nav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: #2f2c34;
	width: calc(15% - 40px);
	padding: 10px 20px 0px 20px;
	color: whitesmoke;
	height: 100%;
	min-width: 220px;
}
main nav a, nav u {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: whitesmoke;
	font-size: 17px;
	text-decoration: none;
	width: 100%;
	text-align: start;
	padding: 10px 0px;
	cursor: pointer;
	transition: color 0.5s ease, background-color 0.5s ease, font-weight 0.5s ease;
}
main nav a img, nav u img {
	filter: invert(1);
	width: 20px;
	margin-right: 10px;
}
main nav u {
	color: #bfbfbf;
	cursor: no-drop;
}
main nav .nav_mark:hover {
	color: dodgerblue;
}
main nav .nav_mark_selected {
	color: dodgerblue;
}
main nav span {
	color: gray;
	margin-bottom: 10px;
	margin-top: 15px;
}
main nav input[type="button"] {
	margin: 10px 0px;
}

.question {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: whitesmoke;
	padding: 10px 20px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0px 0px 20px 5px #0000007d;
	border-radius: 10px;
	top: 74px;
	border: 1px solid gray;
	font-size: 14px;
}
.question u {
	cursor: pointer;
	transition: color 0.5s ease;
	font-size: 18px;
}
.question u:hover {
	color: dodgerblue;
}

.main_content_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-height: 100%;
	overflow: hidden;
	overflow-y: scroll;
	height: 100%;
}
.main_content_container .navigation_list {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-around;
	width: 100%;
	margin-top: 20px;
}
.main_content_container .navigation_list .nav_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 30%;
	background-color: white;
	min-height: 150px;
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
}
.main_content_container .navigation_list .nav_block strong {
	font-size: 20px;
}
.main_content_container .navigation_list .nav_block a {
	font-size: 20px;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
}
.main_content_container .navigation_list .nav_block a:hover {
	color: dodgerblue;
}
.main_content_container .study_block {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-around;
	width: calc(100% - 60px);
	background-color: white;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin: 20px 10px;
	padding: 10px 20px;
}
.main_content_container .study_block .text_information {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 40%;
}
.main_content_container .study_block .video_block {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.main_content_container .study_block .video_block strong {
	margin: 10px;
}
.notification_container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 20px);
	background-color: #ff000063;
	padding: 0px 10px;
	border: 1px solid brown;
}
.notification_container p {
	font-weight: bold;
	width: 100%;
	text-align: start;
}
.notification_container img {
	margin-right: 20px;
}

.main_table_content {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}

.filter_container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	width: calc(100% - 30px);
	padding: 10px 15px;
	background-color: white;
	box-shadow: 0px 0px 4px #0000000f;
}
.filter_container .buttons_block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin-right: 20px;
	margin-top: -5px;
}
.filter_container .buttons_block button {
	font-size: 13px;
	width: 100%;
	margin-bottom: 10px;
}
.filter_container .buttons_block input[type="button"] {
	height: 35px;
	padding-top: 7px;
	font-size: 13px;
}
.filter_container .buttons_block input[type="button"]:hover {
	border-color: black;
	color: black;
}
.filter_container .floors_filter {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 90%;
}
.filter_container .f_c_p {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 10px;
}
.filter_container .f_c_p select {

	margin-right: 15px;
}
.filter_container .f_c_p .search_block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-radius: 5px;
	padding: 0px 10px;
	width: calc(90% - 20px);
	margin-right: 5px;
	background-color: #00000017;
}
.filter_container .f_c_p .search_block .type_size_input_block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-right: 20px;
}
.filter_container .f_c_p .search_block .type_size_input_block img {
	cursor: pointer;
}
.filter_container .f_c_p .search_block .type_size_input_block img:hover {
	opacity: 50%;
}
.filter_container .f_c_p .func_ico {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin: 5px 20px 0px 0px;
	cursor: pointer;
}
.filter_container .f_c_p .func_ico:hover {
	color: dodgerblue;
	text-decoration: underline;
}
.filter_container .f_c_p .func_ico img {
	width: 20px;
	margin-right: 10px;
}
.filter_container .f_c_p .search_block img {
	width: 20px
}
.filter_container .f_c_p .search_block input {
	width: 100%;
	border: 0;
	padding-left: 5px;
	background-color: unset;
}
.filter_container .f_c_p .search_block select {
	background-color: unset;
}
.table_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 50px
}
.pagination {
	position: fixed;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 10px 0px;
	bottom: 0;
	background-color: white;
	box-shadow: 0px 0px 10px #8b8b8b;
}
.pagination button {
	font-size: 15px;
	background-color: #1c1c1c;
}
.pagination button:hover {
	border: 0;
	color: dodgerblue;
}
.pagination input {
	background-color: white;
	width: 100px;
	text-align: center;
}
.table_container table {
	width: 100%;
	border-spacing: 0px;
	border: 1px solid;
	border-collapse: collapse;
}
.table_container table thead {
	background-color: #2f2c34;
	color: white;
	height: 40px;
	text-align: center;
}
.table_container table tbody {
	background-color: white;
}
.table_container table thead td {
	font-size: 14px
}
.table_container table tbody td .sort_arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
}
.table_container table .sort_arrow img {
	filter: invert(1);
	width: 12px;
	cursor: pointer;
	margin-left: 10px;
	margin-right: 5px;
}
.table_container table thead td .sort_arrow img:hover {
	opacity: 50%;
}
.table_container table thead td .sort_arrow .rotate_up {
	transform: rotate(180deg);
}
.table_container table thead td .sort_arrow .rotate_down {
	transform: rotate(0deg);
}
.table_container table thead td .sort_arrow .rotate_base {
	transform: rotate(90deg);
}
.table_container table tbody .row_width_copy {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0px 10px;
	width: calc(100% - 20px);
}
.table_container table tbody .row_width_copy span {
	width: 95%;
	text-align: start;
	padding-left: 5%;
}
.table_container table tbody .row_width_copy .copy_ico {
	width: 13px;
	margin-left: 10px;
	cursor: pointer;
}
.table_container table tbody .row_fullname .copy_ico:hover {
	opacity: 50%;
}
.table_container table tbody .nomenclatures_table_icons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0px 10px;
}
.table_container table tbody .nomenclatures_table_icons .favorite_ico {
	width: 20px;
	margin-right: 10px;
}
.table_container table tbody .nomenclatures_table_icons .basket_ico {
	width: 30px;
}
.table_container table tbody .nomenclatures_table_icons img {
	cursor: pointer;
}
.table_container table tbody .nomenclatures_table_icons img:hover {
	opacity: 50%;
}
.table_container table tbody tr:hover {
	background-color: aliceblue;
}
.table_container table tbody td {
	font-size: 12px;
	text-align: center;
	min-height: 35px;
	border: 1px solid gray;
}
.table_container table tbody .checkbox_table input {
	height: 0;
}
.table_container table tbody .edit_ico_table {
	font-size: 20px;
	color: dodgerblue;
	cursor: pointer;
}
.table_container table tbody .td_flex {
	max-width: 35px;
}
.table_container table tbody .td_flex div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.table_container table tbody .td_flex input {
	border: 0;
	border-radius: 0;
	width: calc(100% - 3px);
	background-color: aliceblue;
	text-align: center;
	font-size: 13px;
	height: 29px;
}
.table_container table tbody .edit_ico_table:hover {
	color: green;
}
.table_container table tbody .mark_done_adding {
	background-color: #0080009e;
	padding: 4px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 700;
	color: white;
}
.table_container tbody .table_button {
	display: flex;
	width: 100%;
	height: 25px;
	font-size: 15px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 0;
}

.main_content_container .folder_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-width: 320px;
	max-width: 25%;
	background-color: white;
	height: 100%;
	padding-bottom: 10px;
}
.main_content_container .folder_container h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2f2c34;
	width: 100%;
	margin-top: 0;
	height: 39px;
	border: 1px solid gray;
	margin-bottom: 20px;
	font-size: 20px;
	color: whitesmoke;
}
.main_content_container .folder_container .folder_groups {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	padding-left: 15px;
}
.main_content_container .folder_container .folder_groups .main_block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 5px;
	font-size: 14px;
	width: 100%;
}
.main_content_container .folder_container .folder_groups .main_block strong {
	cursor: pointer;
}
.main_content_container .folder_container .folder_groups .main_block strong:hover {
	text-decoration: underline;
}
.main_content_container .folder_container .folder_groups .main_block span {
	cursor: pointer;
	font-size: 13px;
}
.main_content_container .folder_container .folder_groups .main_block span:hover {
	text-decoration: underline;
}
.main_content_container .folder_container .folder_groups .main_block img {
	width: 20px;
	margin-right: 5px;
}

.auth_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.auth_container form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-width: 650px;
	min-width: 320px;
	padding: 0px 15px 10px 15px;
	border-radius: 5px;
}
.auth_container #remind_block_id input {
	margin-top: 10px;
	width: 100%;
}
.auth_container form u {
	cursor: pointer;
	margin-top: 10px;
}
.auth_container form u:hover {
	opacity: 50%;
}
.auth_container form h2 {
	margin-bottom: 20px;
}
.auth_container form button {
	margin-top: 20px;
	width: 100%;
}
.auth_container form .form_item {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 10px 0px;
}
.auth_container form .form_item label {
	color: gray;
	font-size: 14px;
}
.auth_container form .form_item input {
	border: 1px solid gray;
	border-radius: 5px;
	height: 30px;
	font-size: 17px;
}
.auth_container form .auth_helper_block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 95%;
}
.auth_container form .auth_helper_block u {
	cursor: pointer;
}
.auth_container form .auth_helper_block u:hover {
	opacity: 50%;
}
.auth_container form .form_checkbox_item {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.auth_container form #hidden_regist_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.auth_container form #hidden_regist_container .form_item {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 10px 0px;
}

#notification_container_id {
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	right: 5px;
	bottom: 0;
	width: 100%;
	max-width: 320px;
	max-height: 700px;
	overflow: hidden;
}
#notification_container_id .notification_element {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 10px;
	border: 1px solid;
	border-radius: 10px;
}
#notification_container_id .close_block {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-end;
	width: 100%;
}
#notification_container_id .close_block img {
	cursor: pointer;
}
#notification_container_id .close_block img:hover {
	transform: scale(1.1);
}
#notification_container_id .notification_element p {
	padding: 0;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.invoice_header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% - 30px);
	padding: 10px 15px;
	background-color: white;
}
.invoice_header mark {
	background-color: #0000000f;
	padding: 4px 10px;
	border-radius: 5px;
	font-weight: bold;
}
.invoice_header .i_h_main {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.invoice_header .i_h_main .i_h_m_section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding-left: 15px;
	margin-left: 30px;
}
.invoice_header .i_h_main .i_h_m_section select {
	max-width: 240px;
	font-size: 14px;
}
.invoice_header .i_h_main .i_h_m_section .i_h_m_s_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 20px;
	font-size: 16px;
}
.invoice_header .i_h_main .i_h_m_section .i_h_m_s_item mark {
	margin: 0px 5px;
}
.invoice_header .i_h_main .i_h_m_section .i_h_m_s_item span {
	margin: 0px 5px;
}
.invoice_header .i_h_main .i_h_m_section .i_h_m_s_item label {
	min-width: 85px;
	margin-right: 10px;
}
.invoice_header .i_h_main .i_h_m_section button {
	width: 100%;
	margin-bottom: 10px;
	font-size: 12px
}
.invoice_header .l_h_additional {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: calc(100% - 80px);
	border-top: 1px solid #80808038;
	padding-top: 10px;
}
.invoice_header .l_h_additional .l_h_a_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 30px;
}
.invoice_header .l_h_additional .l_h_a_item img {
	width: 20px;
	margin-right: 10px;
}
.invoice_header .l_h_additional .l_h_a_item span {
	cursor: pointer;
}
.invoice_header .l_h_additional .l_h_a_item span:hover {
	color: dodgerblue;
	text-decoration: underline;
}
.invoice_header .notif_atr {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	font-weight: 500;
	color: #060606;
	border: 1px solid #f10000;
	padding: 5px 10px;
	border-radius: 5px;
	background-color: #ff00001f;
	width: calc(100% - 20px);
}
.invoice_additional_block {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	margin-top: -50px;
}
.invoice_additional_block .i_a_b_comment {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 50%;
}
.invoice_additional_block .i_a_b_comment h3 {
	background-color: #2f2c34;
	color: white;
	padding: 5px 15px;
	width: calc(100% - 30px);
	text-align: center;
	border: 1px solid gray;
	margin: 0;
}
.invoice_additional_block .i_a_b_comment textarea {
	min-width: calc(100% - 20px);
	max-width: calc(100% - 20px);
	padding: 5px 10px;
	margin-top: 0px;
	font-size: 16px;
	min-height: 138px;
	max-height: 138px;
	background-color: aliceblue;
}
.invoice_additional_block .i_a_b_total {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 50%;
}
.invoice_additional_block .i_a_b_total h3 {
	background-color: #2f2c34;
	color: white;
	padding: 5px 15px;
	width: calc(100% - 30px);
	text-align: center;
	border: 1px solid gray;
	margin: 0;
}
.invoice_additional_block .i_a_b_total .i_a_b_t_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	background-color: white;
}
.invoice_additional_block .i_a_b_total .i_a_b_t_block .i_a_b_t_b_row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 22px);
	padding: 5px 10px;
	border: 1px solid gray;
	border-top: 0;
}
.invoice_additional_block .i_a_b_total .i_a_b_t_block .i_a_b_t_b_row span{
	width: 50%;
	text-align: start;
}
.invoice_additional_block .i_a_b_total .i_a_b_t_block .i_a_b_t_b_row b {
	width: 50%;
	text-align: center;
}
.invoice_additional_block .i_a_b_total .i_a_b_t_block .i_a_b_t_b_row span .mrg {
	margin-left: 10px;
	font-weight: 600;
	font-size: 12px;
}
.invoice_information_block {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
}
.invoice_information_block .i_i_b_history {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 70%;
}
.invoice_information_block .i_i_b_history h3 {
	background-color: #2f2c34;
	color: white;
	padding: 5px 15px;
	width: calc(100% - 30px);
	text-align: center;
	border: 1px solid gray;
	margin: 0;
}
.invoice_information_block .i_i_b_history .i_i_b_h_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	background-color: white;
	min-height: 150px;
	width: calc(100% - 30px);
	padding: 5px 15px;
}
.invoice_information_block .i_i_b_buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 30%;
	min-height: 150px;
}
.invoice_information_block .i_i_b_buttons .i_i_b_b_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	margin: 10px 0px;
	width: 100%;
}
.invoice_information_block .i_i_b_buttons .i_i_b_b_item button {
	margin-right: 20px;
	min-width: 200px;
}

#add_item_container, #invoice_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}

.red_button{
	background-color: orangered;
}
.red_button:hover {
	border-color: coral;
	color: coral;
}

.profile_container, .company_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 20px;
	width: calc(100% - 40px);
	height: 100%;
}
.profile_container .profile_header, .company_header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 20px);
	background-color: white;
	padding: 20px 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
}
.profile_container .profile_header u, .company_header u{
	margin-right: 30px;
	cursor: pointer;
}
.profile_container .profile_header u:hover, .company_header u:hover{
	color: dodgerblue;
}
.profile_container #profile_content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 25px;
	width: 100%;
}
.profile_container #profile_content .profile_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 49%;
}
.profile_container #profile_content .profile_block .p_m_hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	background-color: white;
	padding: 30px 20px;
	padding-bottom: 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	width: calc(100% - 40px);
}
.profile_container #profile_content .profile_block .p_m_hero img {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: whitesmoke;
	box-shadow: 0px 0px 4px gray;
	margin-bottom: 20px;
}
.profile_container #profile_content .profile_block .p_m_dateregistration {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	background-color: white;
	width: 100%;
	padding: 10px 0px;
	font-size: 20px;
}
.profile_container #profile_content .profile_block .p_m_dateregistration span {
	margin-top: 5px;
	font-weight: 500;
}
.profile_container #profile_content .profile_block .p_m_dateregistration small {
	color: gray;
	font-size: 12px;
}
.profile_container #profile_content .profile_block .p_i_contacts {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	background-color: white;
	padding: 30px 20px;
	padding-bottom: 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	width: calc(100% - 40px);
}
.profile_container #profile_content .profile_block .p_i_contacts .p_i_c_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 15px;
}
.profile_container #profile_content .profile_block .p_i_contacts .p_i_c_item span {
	font-size: 14px;
	color: gray;
	margin-bottom: 2px;
}
.profile_container #profile_content .profile_block .p_i_contacts .p_i_c_item mark {
	background-color: #ff00001f;
	border: 1px solid red;
	padding: 2px 10px;
	font-weight: bolder;
	border-radius: 5px;
	margin-bottom: 5px;
}
.profile_container #profile_content .profile_block .p_i_contacts .p_i_c_item .input_element {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}
.profile_container #profile_content .profile_block .p_i_contacts .p_i_c_item .input_element input[type="button"] {
	height: 35px;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 8px;
}
.profile_container input[type="button"]:hover {
	border-color: black;
	color: black;
}
.profile_container #edit_profile_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-top: 20px;
	width: 100%;
	max-width: 720px;
	padding: 5px 20px;
}
.profile_container #edit_profile_content .e_p_c_form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
	background-color: white;
	padding: 30px 20px;
	padding-bottom: 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	width: calc(100% - 40px);
}
.profile_container #edit_profile_content .e_p_c_form .avatar_preview {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 15px;
}
.profile_container #edit_profile_content .e_p_c_form .avatar_preview img {
	width: 200px;
	height: 200px;
	background-color: whitesmoke;
	border-radius: 50%;
	box-shadow: 0px 0px 4px gray;
	margin-bottom: 10px;
}
.profile_container #edit_profile_content .e_p_c_form .e_p_c_f_item {
	display: flex;
	flex-direction: column;
	width: 80%;
	margin-bottom: 20px;
}
.profile_container #edit_profile_content .e_p_c_form .e_p_c_f_item label {
	color: gray;
	margin-left: 10px;
}
.profile_container #edit_profile_content .e_p_c_form button {
	margin-bottom: 20px;
}
.profile_container #edit_profile_content .e_p_c_form h2 {
	margin-top: -15px;
}
.profile_container #report_profile_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-width: 1024px;
}
.profile_container .r_p_c_filter {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: calc(100% - 30px);
	background-color: white;
	padding: 10px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin: 15px 0px;
}
.profile_container .r_p_c_filter input {
	margin: 0px 10px;
}
.profile_container .r_p_c_chart {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin-bottom: 20px;
}
.profile_container .r_p_c_totals {
	margin: 0;
}

.company_container .company_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.company_container .company_content .main_content {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-around;
	width: 100%;
}
.company_container .company_content .m_c_info, .m_c_form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 49%;
	background-color: white;
	padding: 10px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin-top: 20px;
}
.company_container .company_content .m_c_info {
	margin-right: 10px;
}
.company_container .company_content .m_c_info .m_c_i_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 5px 20px;
	width: calc(100% - 40px);
	margin-bottom: 10px;
}
.company_container .company_content .m_c_info .m_c_i_item span {
	color: gray;
}
.company_container .company_content .m_c_info .m_c_i_item b {
	font-size: 20px;
}
.company_container .company_content .m_c_form {
	margin-left: 10px;
}
.company_container .company_content .m_c_form button {
	margin-top: 20px;
}
.company_container .company_content .m_c_form .m_c_f_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 5px 20px;
	width: calc(100% - 40px);
}
.company_container .company_content .m_c_form .m_c_f_item input {
	width: 100%;
}
.company_container .company_content .invite_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-width: 742px;
}
.company_container .company_content .invite_content .i_c_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background-color: white;
	padding: 10px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin-top: 20px;
}
.company_container .company_content .invite_content .i_c_block input[type=button] {
	width: 90%;
	min-width: 300px;
	margin-top: 15px;
}
.company_container .company_content .invite_content .i_c_block input[type=button]:hover {
	border-color: black;
	color: black;
}
.company_container .company_content .invite_content .i_c_block strong {
	color: gray;
	font-size: 20px;
	margin-bottom: 15px;
}
.company_container .company_content .invite_content .i_c_block .i_c_b_url {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.company_container .company_content .invite_content .i_c_block mark {
	padding: 10px 15px;
	background-color: #0000000f;
	font-weight: 500;
	font-size: 16px;
	width: calc(90% - 30px);
	min-width: 270px;
	border-radius: 5px;
	border: 1px dashed gray;
}
.company_container .company_content .invite_content .i_c_block .i_c_b_url_w_dep {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.company_container .company_content .invite_content .i_c_block .i_c_b_url_w_dep select {
	margin-bottom: 15px;
	width: 90%;
}
.company_container .company_content .invite_content .i_c_b_form {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.company_container .company_content .invite_content .i_c_b_form u {
	margin-top: -10px;
	margin-bottom: 10px;
	color: black;
}
.company_container .company_content .invite_content .i_c_b_form u:hover {
	cursor: pointer;
	color: dodgerblue;
}
.company_container .company_content .invite_content .i_c_b_form small {
	margin-bottom: 10px;
}
.company_container .company_content .invite_content .i_c_b_form .i_c_b_f_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 15px;
}
.company_container .company_content .invite_content .i_c_b_form .i_c_b_f_item label {
	color: gray;
	margin-left: 10px;
}
.company_container .company_content .invite_content .i_c_b_form .i_c_b_f_item input, .i_c_b_f_item select {
	min-width: 300px;
	width: 400px;
}
.company_container .employes_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-width: 1120px;
}
.company_container .employes_content .e_c_search_block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 20px 0px;
	max-width: 1120px;
	background-color: white;
	padding: 10px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin-top: 20px;
}
.company_container .employes_content .e_c_search_block input {
	width: 100%;
	height: 40px;
}
.company_container .employes_content .e_c_main {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.company_container .employes_content .e_c_main .e_c_m_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 1120px;
	background-color: white;
	padding: 10px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin-bottom: 20px;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_main_info {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_main_info img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0px 0px 5px gray;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_main_info mark {
	padding: 5px;
	background-color: white;
	border-radius: 50%;
	box-shadow: 0px 0px 3px 1px gray;
	width: 20px;
	height: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_main_info mark:hover {
	box-shadow: inset 0px 0px 3px 1px gray;
	width: 23px;
	height: 23px;
	background-color: whitesmoke;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_main_info mark img {
	width: 17px;
	height: 17px;
	box-shadow: 0px 0px 0px;
	transform: rotate(90deg);
	opacity: 60%;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_main_info .e_c_m_i_mi_text {
	display: flex;
	flex-direction: column;
	width: calc(100% - 130px);
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_form {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	border-top: 1px solid #c1c1c1;
	width: 97%;
	margin-top: 15px;
	padding-top: 15px;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_form .e_c_m_i_f_part {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 50%;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_form .e_c_m_i_f_part select {
	width: 100%;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_form .e_c_m_i_f_part .e_c_m_i_f_p_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 10px;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_form .e_c_m_i_f_part .e_c_m_i_f_p_item label {
	color: gray;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_form .e_c_m_i_f_part .e_c_m_i_f_p_item span {
	font-weight: 500;
	font-size: 18px;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_form .e_c_m_i_f_part .e_c_m_i_f_p_item_func {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-bottom: 20px;
	width: 50%;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_form .e_c_m_i_f_part .e_c_m_i_f_p_item_func u {
	cursor: pointer;
}
.company_container .employes_content .e_c_main .e_c_m_item .e_c_m_i_form .e_c_m_i_f_part .e_c_m_i_f_p_item_func u:hover {
	color: dodgerblue;
}

.company_container #model_access_remove {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	background-color: #000000c7;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.company_container #model_access_remove .modal_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	background-color: white;
	padding: 10px 20px;
	border-radius: 5px;
	max-width: 400px;
}
.company_container #model_access_remove .modal_content span {
	margin: 20px 0px;
}
.company_container #model_access_remove .modal_content u {
	cursor: pointer;
}
.company_container #model_access_remove .modal_content u:hover {
	color: dodgerblue;
}
.company_container #model_access_remove .modal_content input[type="button"]:hover {
	border-color: black;
	color: black;
}
.company_container .department_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-width: 1024px;
}
.company_container .department_container .d_c_addnew {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	margin: 20px 0px;
	background-color: white;
	padding: 10px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
}
.company_container .department_container .d_c_addnew .d_c_a_inputs {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-items: center;
	width: 90%;
}
.company_container .department_container .d_c_addnew .d_c_a_inputs small {
	margin-top: 15px;
	margin-bottom: -5px;
}
.company_container .department_container .d_c_addnew .d_c_a_inputs .d_c_a_i_part {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 98%;
}
.company_container .department_container .d_c_addnew .d_c_a_inputs .d_c_a_i_part input[type="text"] {
	width: 100%;
}
.company_container .department_container .d_c_addnew .d_c_a_inputs .d_c_a_i_part .d_c_a_i_p_checkbox {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}
.company_container .department_container .d_c_addnew .d_c_a_inputs .d_c_a_i_part .d_c_a_i_p_checkbox label {
	margin-right: 5px;
}
.company_container .department_container .d_c_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.company_container .department_container .d_c_content .d_c_c_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	background-color: white;
	margin-bottom: 20px;
	background-color: white;
	padding: 10px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
}
.company_container .department_container .d_c_content .d_c_c_item u {
	cursor: pointer;
}
.company_container .department_container .d_c_content .d_c_c_item u:hover {
	opacity: 50%;
}
.company_container .department_container .d_c_content .d_c_c_item .d_c_c_i_main {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 20px 0px;
}
.company_container .department_container .d_c_content .d_c_c_item .d_c_c_i_main span {
	font-weight: 500;
	font-size: 20px;
}
.company_container .department_container .d_c_content .d_c_c_item .d_c_c_form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	border-top: 1px solid #d5d5d5;
	padding-top: 10px;
}
.company_container .department_container .d_c_content .d_c_c_item .d_c_c_form .d_c_c_f_inputs {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.company_container .department_container .d_c_content .d_c_c_item .d_c_c_form .d_c_c_f_inputs .d_c_c_f_i_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}
.company_container .department_container .d_c_content .d_c_c_item .d_c_c_form .d_c_c_f_inputs .d_c_c_f_i_item label {
	margin-right: 5px;
}
.company_container .department_container .d_c_content .d_c_c_item .d_c_c_form .d_c_c_f_i_main_input {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: 20px;
}
.company_container .company_report_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-width: 1024px;
	margin-top: 20px;
}
.company_container .company_report_container .c_r_c_header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	background-color: white;
	padding: 0px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
}
.company_container .company_report_container .c_r_c_header .c_r_c_part {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin: 10px 0px;
	width: 100%;
}
.company_container .company_report_container .c_r_c_header .c_r_c_part label, .c_r_c_part span {
	color: gray;
	font-size: 15px;
}
.company_container .company_report_container .c_r_c_header .c_r_c_part .c_r_c_p_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-right: 20px;
}
.company_container .company_report_container .c_r_c_header .c_r_c_part .c_r_c_p_item select {
	min-width: 250px;
}
.company_container .company_report_container .c_r_c_chart {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: white;
	padding: 0px 15px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin: 20px 0px;
}
.company_container .company_report_container .c_r_c_total {
	width: calc(100% + 33px);
}

.main_page_container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-around;
	width: 100%;
	margin-top: 20px;
	height: 100%;
}
.main_page_container .notification_account_status {
	color: brown;
	font-size: 14px;
}
.main_page_container .m_p_c_part {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 49%;
	height: 100%;
}
.main_page_container .m_p_c_part strong {
	font-size: 20px;
	color: gray;
	margin-bottom: 20px;
}
.main_page_container .m_p_c_part .m_p_c_p_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 10px 20px;
	width: calc(100% - 40px);
	background-color: white;
	margin-bottom: 20px;
	height: 100%;
	box-shadow: 0px 0px 3px #8080804d;
	border-radius: 5px;
}
.main_page_container .m_p_c_part .m_p_c_p_item .m_p_c_p_i_information {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.main_page_container .m_p_c_part .m_p_c_p_item .m_p_c_p_i_information .tarif_url {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.main_page_container .m_p_c_part .m_p_c_p_item .m_p_c_p_i_information .tarif_url a {
	color: dodgerblue;
}
.main_page_container .m_p_c_part .m_p_c_p_item .m_p_c_p_i_information .m_p_c_p_i_i_item {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 1px dotted #80808073;
}
.main_page_container .m_p_c_part .m_p_c_p_item .m_p_c_p_i_iframe {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.main_page_container .m_p_c_part .m_p_c_p_item .m_p_c_p_i_iframe iframe {
	border: 0;
	width: 100%;
	height: 100%;
}

.contacts_container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	max-height: calc(100% - 20px);
	margin-top: 20px;
	background-color: whitesmoke;
	height: 100%;
}

.contacts_container .c_c_static, .contacts_container .c_c_chat {
	width: 49%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.contacts_container .c_c_static iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.contacts_container .c_c_chat .c_c_c_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	flex-grow: 1; 
	background-color: white;
	padding: 5px 10px;
	margin: 0px 20px;
	width: calc(100% - 60px);
	box-shadow: 0px 0px 10px lightgray;
	border-radius: 5px;
	overflow: hidden; 
}

.contacts_container .c_c_chat .c_c_c_container .c_c_c_c_header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	padding: 5px 25px;
}

.contacts_container .c_c_chat .c_c_c_container .c_c_c_c_header strong {
	font-size: 25px;
}

.contacts_container .c_c_chat .c_c_c_container .c_c_c_c_messages {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	overflow-y: auto;
	border-radius: 5px;
	margin-top: 20px;
	box-shadow: inset 0px 0px 10px lightgray;
	max-height: 85%;
	flex-grow: 1;
}

.contacts_container .c_c_chat .c_c_c_container .c_c_c_c_messages .message_question {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	padding: 10px 20px;
	width: calc(100% - 40px);
}

.contacts_container .c_c_chat .c_c_c_container .c_c_c_c_messages .message_text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	background-color: aliceblue;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 12px;
	min-width: 250px;
	max-width: 50%;
}

.contacts_container .c_c_chat .c_c_c_container .c_c_c_c_input {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 96%;
	margin: 10px 0px;
}

.contacts_container .c_c_chat .c_c_c_container .c_c_c_c_input button {
	width: 20%;
}

.contacts_container .c_c_chat .c_c_c_container .c_c_c_c_input textarea {
	width: 80%;
	min-width: 80%;
	background-color: whitesmoke;
	border-radius: 5px;
	border: 0px;
	min-height: 36px;
	max-height: 100px;
}

#load_window_id {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #000000e0;
	z-index: 9999;
}
#load_window_id .load_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#load_window_id .load_content b {
	color: white;
	margin-top: 10px;
}
#load_window_id .load_content img, .load_image {
	width: 85px;
	animation-name: spin;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.close_nomenclature_component {
	position: fixed;
	bottom: 0px;
	right: 85px;
	max-width: 168px;
	height: 46px;
}

#column_setting {
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #000000e0;
	z-index: 9999;
	top: 0;
	left: 0;
}
#column_setting .column_setting_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-width: 350px;
	padding: 0px 10px 30px 10px;
	border-radius: 10px;
	background-color: white;
	box-shadow: 0 0 15px 5px black;
}
#column_setting .column_setting_container .c_s_c_list_form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(100% - 20px);
}
#column_setting .column_setting_container .c_s_c_list_form button {
	margin-top: 30px;
	width: 100%;
}
#column_setting .column_setting_container .c_s_c_list_form .c_s_c_l_f_item {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 20px;
	border-bottom: 1px dotted gray;
	width: 100%;
}
#column_setting .column_setting_container .c_s_c_list_form .c_s_c_l_f_item input {
	height: unset;
}

.tarifs_page_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% - 30px);
	padding: 10px 15px 10px 15px;
}
.tarifs_page_container .t_p_c_info {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	background-color: white;
	width: calc(100% - 30px);
	padding: 15px;
	border-radius: 10px;
	max-width: 1320px;
	box-shadow: 0 0 5px 1px lightgray;
}
.tarifs_page_container .t_p_c_info h3 {
	margin: 0;
}
.tarifs_page_container .t_p_c_i_current_tarif {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin-right: 100px;
}
.tarifs_page_container .t_p_c_i_current_tarif span {
	margin-bottom: 10px;
	font-size: 13px
}
.tarifs_page_container .t_p_c_i_current_tarif strong {
	color: dodgerblue;
	margin-left: 25px;
}
.tarifs_page_container .t_p_c_i_current_tarif .p_p_c_o_tarif_name {
	display: flex;
	align-items: center;
	justify-content: center;
}
.tarifs_page_container .t_p_c_i_current_tarif .p_p_c_o_tarif_name img {
	width: 20px;
	margin-right: 5px;
}
.tarifs_page_container .t_p_c_i_block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
.tarifs_page_container .t_p_c_i_block b {
	color: dodgerblue;
}
.tarifs_page_container .t_p_c_i_block .t_p_c_i_b_row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 15px;
}
.tarifs_page_container .t_p_c_i_block .t_p_c_i_b_row span {
	font-size: 13px;
	margin-right: 10px;
}
.tarifs_page_container .t_p_c_tarifs {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-around;
	flex-wrap: wrap;
	width: calc(100% - 30px);
	max-width: 1320px;
	margin-top: 20px;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-width: 300px;
	width: 100%;
	max-width: 350px;
	background-color: white;
	padding: 10px 15px 10px 15px;
	border-radius: 10px;
	box-shadow: 0 0 5px 1px lightgray;
	min-height: 650px;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_header {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: calc(100% - 20px);
	margin-bottom: 20px
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_header span {
	font-size: 20px;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_header i {
	color: gray;
	font-size: 14px;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_price {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 20px 0px;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_price b {
	font-size: 35px;
	color: dodgerblue;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_button {
	display: flex;
	width: calc(100% - 20px);
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_button mark {
	background-color: whitesmoke;
	width: 100%;
	padding: 9px 20px;
	margin: 5px 0px;
	border-radius: 5px;
	border: 1px solid gray;
	color: gray;
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_button input[type="button"]:hover {
	background-color: dodgerblue;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_information {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(100% - 50px);
	margin-top: 25px;
	flex-grow: 1;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_information .t_p_c_tb_i_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_information .t_p_c_tb_i_item p {
	color: dodgerblue;
	font-size: 20px;
	margin: 0;
	margin-bottom: 10px;
	margin-right: 20px;
}
.tarifs_page_container .t_p_c_tarifs .t_p_c_tarif_block .t_p_c_tb_description {
	font-size: 13px;
	color: gray;
}

.price_container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	height: calc(100% - 20px);
}
.price_container .p_c_menu_list {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(25% - 0px);
	background-color: white;
	height: 100%;
	border-right: 1px solid #1c1c1c;
}
.price_container .p_c_menu_list .p_c_m_items {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	max-height: 100%;
	border-top: 1px dashed lightgray;
}
.price_container .p_c_menu_list .p_c_m_items .p_c_m_i_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 10px 15px;
	width: calc(100% - 30px);
	cursor: pointer;
	border-bottom: 1px dashed lightgray;
}
.price_container .p_c_menu_list .p_c_m_items .p_c_m_i_item:hover {
	background-color: aliceblue;
}
.price_container .p_c_menu_list .p_c_m_items .p_c_m_i_item strong {
	display: flex;
	font-size: 14px;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.price_container .p_c_menu_list .p_c_m_items .p_c_m_i_item strong img {
	margin-right: 10px;
	width: 20px;
}
.price_container .p_c_menu_list .p_c_m_items .p_c_m_i_item .pcm__span {
	font-size: 13px;
	color: gray;
	margin-top: 5px;
	margin-left: 30px;
}
.price_container .p_c_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	background-color: white;
	flex-grow: 1;
	height: 100%;
	max-height: 100%;
}
.price_container .p_c_content .table_container{
	margin: 0;
}
.price_container .p_c_content .table_container .nm {
	width: 2%;
	min-width: 30px;
}
.price_container .p_c_content .table_container .ts {
	width: 10%;
	min-width: 120px;
}
.price_container .p_c_content .table_container .p1, .p_c_content .table_container .p2 {
	width: 5%;
	min-width: 50px;
}
.price_container .p_c_content .table_container .r1, .p_c_content .table_container .r2 {
	width: 5%;
	min-width: 65px;
}
.price_container .p_c_content .table_container img {
	width: 18px;
	cursor: pointer;
	padding: 2px 2px;
	border-radius: 5px;
	transition: background-color 0.2s ease, filter 0.2s ease;
	background-color: white;
}
.price_container .p_c_content .table_container img:hover {
	filter: invert(1);
	background-color: white;
}
.price_container .p_c_content .table_scroll {
	display: unset;
	overflow: hidden;
	overflow-y: scroll;
	max-height: 100%;
}
.price_container .p_c_content .table_container .n1 {
	width: 30%;
	min-width: 380px;
}
.price_container .p_c_content .table_container table tbody tr {
	height: 25px;
}
.price_container .p_c_content .table_container table tbody tr:hover {
	background-color: #7fffd433;
	border-left: 0;
	border-right: 0;
	cursor: text;
}
.price_container .p_c_content .table_container .aliceblue {
	background-color: aliceblue;
}
.price_container .p_c_content .table_container .aliceblue_1 {
	background-color: #cfe8ff;
}
.price_container .p_c_content .table_container .aliceblue_2 {
	background-color: #e1f1ff;
}
.price_container .p_c_content .table_container .green {
	background-color: #d1f5d1;
}
.price_container .p_c_content .table_container .green_1 {
	background-color: #a7dba7;
}
.price_container .p_c_content .table_container .green_2 {
	background-color: #b7e9b7;
}
.price_container .p_c_content .cell_load_state, .p_c_content .cell_load_state_green {
	background: repeating-linear-gradient(90deg, aliceblue, #cfe8ff 100px);
	width: 100%;
	background-repeat: repeat-x;
	height: 22px;
	display: flex;
	background-position-x: 1px;
	animation-name: cell_load;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.price_container .p_c_content .cell_load_state_green {
	background: repeating-linear-gradient(90deg, #d1f5d1, #b7e9b7 100px);
}
.price_container .p_c_content .p_c_c_c_filter {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 10px 20px;
	width: calc(100% - 40px);
}
.price_container .p_c_content .p_c_c_c_filter input {
	width: 100%;
}
.price_container .p_c_content .p_c_c_c_filter .p_c_c_c_g_input {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	max-width: 320px;
	margin-right: 20px;
}
.price_container .p_c_content .p_c_c_c_filter .p_c_c_c_g_input input {
	width: 100%;
}
.price_container .p_c_content .p_c_c_c_filter .p_c_c_c_g_input aside {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: calc(100% - 30px);
	max-width: 300px;
	margin-top: 40px;
	border-radius: 0px 0px 10px 10px;
	padding: 0px 10px;
	background-color: white;
	box-shadow: 0px 5px 5px black;
	max-height: 500px;
	overflow: hidden;
	overflow-y: scroll
}
.price_container .p_c_content .p_c_c_c_filter .p_c_c_c_g_input aside i {
	padding: 5px 0px;
	cursor: cell;
	width: 100%;
}
.price_container .p_c_content .p_c_c_c_filter .p_c_c_c_g_input aside i:hover {
	background-color: aliceblue;
	color: black;
}
.price_container #goods_card_id {
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #000000c7;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.price_container #goods_card_id .content_card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: whitesmoke;
	padding: 10px 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 8px #00000052;
	min-width: 1024px;
}
.price_container #goods_card_id .content_card input[type="button"] {
	transition: background-color 0.5s ease;
}
.price_container #goods_card_id .content_card input[type="button"]:hover {
	background-color: dodgerblue;
}
.price_container #goods_card_id .content_card .c_c_image_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 850px;
	margin-top: 10px;
}
.price_container #goods_card_id .content_card .c_c_image_container img {
	max-width: 100%;
	max-height: 500px;
	border-radius: 20px;
	margin-bottom: 15px;
	box-shadow: 0px 0px 10px 5px gray;
	transition: transform 1s ease, box-shadow 1s ease;
}
.price_container #goods_card_id .content_card .c_c_image_container a {
	color: dodgerblue;
	transition: color 0.5s ease;
}
.price_container #goods_card_id .content_card .c_c_image_container a:hover {
	color: #61b1ff;
}
.price_container #goods_card_id .content_card .c_c_image_container img:hover {
	transform: scale(1.3);
	box-shadow: 0px 0px 20px 5px black;
}
.price_container #goods_card_id .content_card .c_c_goods_parameters {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 850px;
}
.price_container #goods_card_id .content_card .c_c_goods_parameters .c_c_g_p_item {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	width: 100%;
	margin: 10px 0px;
}
.price_container #goods_card_id .content_card .c_c_goods_parameters .c_c_g_p_item hr {
	flex-grow: 1;
}

.check_auth_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.check_auth_container div {
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #00000091;
	color: white;
	padding: 20px 30px;
	border-radius: 30px;
	border: 1px solid black;
	box-shadow: 0px 0px 4px 2px #a7a7a7;
}
.check_auth_container div img {
	width: 40px;
	margin-right: 30px;
}

.orders_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(100% - 20px);
}
.orders_container h2 {
	width: 100%;
}
.orders_container .order_header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	width: calc(100% - 20px);
	background-color: white;
	padding: 10px;
	margin-top: 15px;
	border-radius: 10px;
	box-shadow: 0px 0px 3px #8080804d;
}
.orders_container .order_header input[type="search"] {
	flex-grow: 1;
	margin: 0px 10px;
}
.orders_container .order_list_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% - 20px);
	padding: 10px;
}
.orders_container .order_list_container .order_item {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: calc(100% - 150px);
	padding: 10px 20px;
	margin: 10px 0px;
	background-color: white;
	border-radius: 10px;
	box-shadow: 0px 0px 3px #8080804d;
}
.orders_container .order_list_container .order_item .o_i_main {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	width: 85%;
	height: 100%;
}
.orders_container .order_list_container .order_item .o_i_m_i_header {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}
.orders_container .order_list_container .order_item .o_i_m_i_header img {
	width: 40px;
	opacity: 90%
}
.orders_container .order_list_container .order_item .o_i_m_i_header strong {
	font-size: 25px;
	color: black;
	font-weight: 400;
	margin-top: 5px;
	margin-left: 25px;
}
.orders_container .order_list_container .order_item .o_i_m_i_header strong b {
	color: dodgerblue;
}
.orders_container .order_list_container .order_item .o_i_m_i_additional_info {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-top: 10px;
}
.orders_container .order_list_container .order_item .o_i_m_i_additional_info span {
	margin: 0px 10px;
	font-weight: 500
}
.orders_container .order_list_container .order_item .o_i_m_i_additional_info span i {
	font-weight: 400;
}
.orders_container .order_list_container .order_item .o_i_m_documents {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.orders_container .order_list_container .order_item .o_i_m_documents .o_i_m_i_ai_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 2px 5px;
	border-radius: 10px;
	border: 1px solid lightgrey;
	box-shadow: 0px 0px 3px #8080804d;
	margin: 5px 10px;
	font-size: 12px;
	cursor: pointer;
	transition: border-color 0.5s ease, box-shadow 0.5s ease;
}
.orders_container .order_list_container .order_item .o_i_m_documents .o_i_m_i_ai_item:hover {
	border-color: dodgerblue;
	box-shadow: 0px 0px 3px dodgerblue;
}
.orders_container .order_list_container .order_item .o_i_m_documents .o_i_m_i_ai_item img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.orders_container .order_list_container .order_item .o_i_status {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.orders_container .order_list_container .order_item .o_i_status span {
	color: dimgray;
	font-weight: 500;
}
.orders_container .order_list_container .order_item .o_i_status canvas {
	width: 200px;
	margin-bottom: 15px;
}

.documents_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 5px 10px;
	width: calc(100% - 10px);
	height: 100%;
}
.documents_container h3 {
	width: 95%;
	color: gray;
	font-size: 20px;
	margin-top: 5px;
	font-weight: 500;
}

.docs_summary_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.docs_summary_container .d_s_c_navigation {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-around;
	flex-wrap: wrap;
	width: 100%;
}
.docs_summary_container .d_s_c_navigation .d_s_c_n_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	min-width: 330px;
	box-shadow: 0px 0px 5px gray;
	border-radius: 10px;
	border: 1px solid gray;
	padding: 10px;
	cursor: pointer;
	transition: box-shadow 0.5s ease, border 0.5s ease, background-color 0.5s ease;
	margin-bottom: 20px;
	background-color: white;
}
.docs_summary_container .d_s_c_navigation .d_s_c_n_item .d_s_c_n_i_info {
	display: flex;
	flex-direction: column;
}
.docs_summary_container .d_s_c_navigation .d_s_c_n_item:hover {
	border: 1px solid dodgerblue;
	box-shadow: inset 0px 0px 5px dodgerblue;
	background-color: aliceblue;
}
.docs_summary_container .d_s_c_navigation .d_s_c_n_item:hover strong {
	color: dodgerblue;
}
.docs_summary_container .d_s_c_navigation .d_s_c_n_item:hover img {
	/*filter: invert(1);*/
}
.docs_summary_container .d_s_c_navigation .d_s_c_n_item:hover small {
	color: dodgerblue;
}
.docs_summary_container .d_s_c_navigation .d_s_c_n_item img {
	transition: filter 0.5s ease;
	width: 40px;
	margin-right: 20px;
}
.docs_summary_container .d_s_c_navigation .d_s_c_n_item strong {
	font-size: 20px;
	transition: color 0.5s ease;
}
.docs_summary_container .d_s_c_navigation .d_s_c_n_item small {
	font-weight: 700;
	transition: color 0.5s ease;
}
.docs_summary_container .d_s_c_navigation .d_s_c_n_item small span {
	font-weight: 300;
	margin-right: 5px;
}
.docs_summary_container .d_s_c_last_documents {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 95%;
}
.docs_summary_container .d_s_c_last_documents .d_s_c_l_d_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid lightgray;
	transition: background-color 0.3s ease;
}
.docs_summary_container .d_s_c_last_documents .d_s_c_l_d_item:hover {
	background-color: white;
}
.docs_summary_container .d_s_c_last_documents .d_s_c_l_d_item span {
	text-align: center;
	width: 100%;
}

.documents_container .d_c_header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc(100% - 20px);
	padding: 5px 10px;
}
.documents_container .d_c_header .d_c_h_form {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.documents_container .d_c_header .d_c_h_form input[type="search"] {
	width: calc(100% - 50px);
	margin: 0px 25px;
}
.documents_container .d_c_header .d_c_h_nav {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-start;
	width: 100%;
	margin-top: 20px;
	margin-bottom: -5px;
}
.documents_container .d_c_header .d_c_h_nav div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-color: white;
	border: 1px solid lightgray;
	margin-left: 5px;
	cursor: pointer;
	transition: background-color 0.5s ease, border 0.5s ease, color 0.5s ease;
}
.documents_container .d_c_header .d_c_h_nav div:hover {
	background-color: aliceblue;
	border: 1px solid dodgerblue;
	border-bottom: 0;
	color: dodgerblue;
}

.documents_container .table_container table td {
	padding: 10px 0;
}


.document_item_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% - 20px);
	padding: 0px 10px;
}
.document_item_container .filter_container {
	justify-content: flex-start;
	width: 100%;
	padding: 10px 5px;
	flex-wrap: wrap;
}
.document_item_container .filter_container .f_c_meta_items {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: start;
	flex-wrap: wrap;
	flex-grow: 1;
}

.document_item_container .filter_container .header_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin: 10px 20px;
}
.document_item_container .filter_container .header_item mark {
	margin-left: 10px;
	background-color: #0000000f;
	padding: 5px 10px;
	border-radius: 5px;
}
.document_item_container .table_content_container {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: calc(100% - 20px);
	height: 100%;
}
.document_item_container .table_content_container .struct_section {
	margin-top: 10px;
	font-size: 13px;
}
.document_item_container td {
	padding: 10px 0px;
}

#download_modal_id {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000c7;
}
#download_modal_id .d_m_i_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 320px;
	max-width: 320px;
	background-color: white;
	padding: 20px;
	border-radius: 10px;
}
#download_modal_id .d_m_i_content strong {
	margin-bottom: 10px;
}
#download_modal_id .d_m_i_content .a_d_i_buttons {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 20px;
}
#download_modal_id .d_m_i_content .a_d_i_buttons button {
	width: 47%;
}
#download_modal_id .d_m_i_content #dowload_progress_id {
	width: 100%;
}
#download_modal_id .d_m_i_content .progress_bar {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	height: 22px;
	background-color: whitesmoke;
	border: 1px solid lightgray;
	border-radius: 5px;
	width: 320px;
}
#download_modal_id .d_m_i_content .progress_bar div {
	animation: cell_load;
	background: repeating-linear-gradient(90deg, dodgerblue, #359afb 100%);
	background-repeat: repeat-x;
	height: 100%;
	display: flex;
	background-position-x: 1px;
	animation-name: cell_load;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#download_modal_id .d_m_i_content .progress_bar span {
	color: white;
	position: absolute;
	width: 320px;
	text-align: center;
	font-weight: 600;
	text-shadow: 0 0 3px black;
}

#cookie_notise {
	position: absolute;
	bottom: 0;
	background-color: white;
	margin: 0px 20px 20px 0px;
	display: flex;
	flex-direction: row;
	padding: 15px;
	border: 1px solid gray;
	border-radius: 10px;
	box-shadow: 0px 0px 5px gray;
}

.basket_container {
	position: fixed;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #000000b8;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	z-index: 9999;
}
.basket_container .basket_content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	background-color: white;
	padding: 20px;
	min-width: 280px;
	width: 100%;
	max-width: 1024px;
	padding-top: 0px;
	border-radius: 10px;
}
.basket_container .basket_content .basket_header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.basket_container .basket_content .basket_header img {
	cursor: pointer;
}
.basket_container .basket_content .basket_header img:hover {
	opacity: 50%;
}
.basket_container .basket_content h2 {
	margin-bottom: 20px;
}
.basket_container .basket_content .basket_items {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	max-height: 450px;
	overflow: hidden;
	overflow-y: scroll;
}
.basket_container .basket_content .basket_items strong {
	width: 100%;
	text-align: center;
}
.basket_container .basket_content .basket_items .basket_i_item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid lightgray;
	padding: 5px 10px;
	width: calc(100% - 20px);
	margin-bottom: 5px;
}
.basket_container .basket_content .basket_items .basket_i_item .checked_ico {
	margin-right: 15px;
	width: 23px;
	cursor: pointer;
}
.basket_container .basket_content .basket_i_item .b_i_i_info {
	display: flex;
	flex-direction: row;
}
.basket_container .basket_content .basket_items .basket_i_item .price_state_update {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.basket_container .basket_content .basket_items .basket_i_item .price_state_update .p_s_u_load_label {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 5px;
	color: gray;
}
.basket_container .basket_content .basket_items .basket_i_item .price_state_update .p_s_u_load_label img {
	margin-right: 10px;
	opacity: 50%;
}
.basket_container .basket_content .basket_items .basket_i_item .b_i_i_info {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-grow: 1;
}
.basket_container .basket_content .basket_items .basket_i_item .b_i_i_info span {
	min-width: 320px;
	width: 100%;
	max-width: 500px;
}
.basket_container .basket_content .basket_items .basket_i_item .b_i_i_manage {
	display: flex;
	flex-direction: row;
	align-items: center
}
.basket_container .basket_content .basket_items .basket_i_item .b_i_i_manage u {
	margin-left: 20px;
	color: brown;
	cursor: pointer;
	transition: color 0.5s ease;
}
.basket_container .basket_content .basket_items .basket_i_item .b_i_i_manage u:hover {
	color: orangered;
}
.basket_container .basket_content .buttons {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	margin-top: 20px;
}
.basket_container .basket_content .buttons img {
	width: 25px;
	height: 25px;
	cursor: pointer;
}
.basket_container .basket_content .buttons .b_manage_list {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-grow: 1;
}
.basket_container .basket_content .buttons .b_manage_list u {
	cursor: pointer;
	margin-right: 15px;
}
.basket_container .basket_content .buttons .b_manage_list u:hover {
	opacity: 50%;
}
.basket_container .basket_content .buttons img:hover {
	opacity: 50%;
}
.basket_container .basket_content .buttons button {
	margin-left: 20px;
}
.basket_container .basket_content .buttons .busket_handler_state {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.basket_container .basket_content .buttons .busket_handler_state img {
	margin-right: 15px;
}

.delivery_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.delivery_container h2 {
	width: calc(100% - 35px);
	padding: 15px;
	padding-top: 0px;
}
.delivery_container .delivery_content {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
}
.delivery_container .filter_container {
	width: 100%;
	max-width: 320px;
	padding: 10px;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0px 15px;
	border-radius: 10px;
}
.delivery_container .filter_container .dl_c_filer_part {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 320px;
	justify-content: flex-start
}
.delivery_container .filter_container .dl_c_filter_item {
	display: flex;
	flex-direction: column;
	margin: 10px 5px;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 10px;
}
.delivery_container .filter_container .dl_c_filter_item .dl_c_filter_item_checkbox {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.dl_c_filter_item .dl_c_filter_item_checkbox input {
	margin-right: 10px;
}
.delivery_container .filter_container .dl_c_filter_item span {
	padding-bottom: 5px;
}
.delivery_container .dl_c_items {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.delivery_container .delivery_item {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	padding: 10px 15px;
	width: calc(100% - 30px);
	max-width: 1024px;
	margin-top: 10px;
	border-radius: 5px;
	background-color: white;
	font-size: 16px;
	box-shadow: 0px 0px 4px #0000000f;
}
.delivery_container .delivery_item .delivery_item_section {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0px 10px;
}
.delivery_container .delivery_item .section_header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.delivery_container .delivery_item .section_header b {
	display: flex;
	flex-direction: row;
}
.delivery_container .delivery_item .section_header b img {
	width: 14px;
	height: 14px;
	margin-left: 10px;
	cursor: pointer;
}
.delivery_container .delivery_item .section_header b img:hover {
	opacity: 50%;
}
.delivery_container .delivery_item .section_header img {
	width: 20px;
	margin-right: 15px;
}
.delivery_container .delivery_item .del_time {
	width: 100%;
	margin-top: 10px;
	font-size: 12px;
}
.delivery_container .delivery_item_tracker {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	font-weight: bold;
	width: 100%;
}
.delivery_container .delivery_item_main_info {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
	font-size: 14px;
	color: dimgray;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
.delivery_container .status_text {
	margin-left: 30px;
}
.delivery_container .service_logo {
	margin-top: 10px;
}
.delivery_container .service_logo img {
	padding: 5px 10px;
	border-radius: 5px;
}
.delivery_container .status_container {
	display: flex;
	justify-content: center;
	height: 100%;
	align-items: center;
}

.finance_contianer {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(100% - 30px);
	padding: 10px 15px;
}
.finance_contianer .nav_finance_menu {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% - 20px);
	background-color: white;
	padding: 20px 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin-bottom: 20px;
}
.finance_contianer .nav_finance_menu u {
	margin: 0px 15px;
	cursor: pointer;
	transition: color 0.5s ease;
}
.finance_contianer .nav_finance_menu u:hover {
	color: dodgerblue;
}
.finance_contianer .finance_content_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	width: 100%;
}
.finance_contianer .finance_content_block .new_invoice_page {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width: calc(100% - 50px);
	min-height: 620px;
	padding: 10px 25px;
	background-color: white;
	box-shadow: 0px 0px 4px #00000024;
}
.finance_contianer .finance_content_block .new_invoice_page .n_i_form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-width: 320px;
}
.finance_contianer .finance_content_block .new_invoice_page .n_i_form .form_item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin: 7px 0px;
}
.finance_contianer .finance_content_block .new_invoice_page .n_i_form .form_item input, .n_i_form .form_item select {
	width: 100%;
}
.finance_contianer .finance_content_block .new_invoice_page .n_i_form button {
	width: 100%;
	margin-top: 10px;
}
.finance_contianer .finance_content_block .n_i_detalization {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.finance_contianer .finance_content_block .n_i_detalization h2 {
	width: 100%;
	text-align: start;
}
.finance_contianer .finance_content_block .n_i_detalization .invoice_main_info {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid gray;
}
.finance_contianer .finance_content_block .n_i_detalization .invoice_main_info span {
	font-size: 30px;
}
.finance_contianer .finance_content_block .n_i_detalization .n_i_d_total {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	font-size: 22px;
	padding-bottom: 20px;
	border-bottom: 1px solid gray;
	margin-bottom: 20px;
}
.finance_contianer .finance_content_block .n_i_detalization .n_i_d_total .total_info {
	display: flex; 
	flex-direction: row;
	align-items: center;
	margin-top: 20px;
}
.finance_contianer .finance_content_block .n_i_detalization .n_i_d_total .total_info label {
	font-size: 17px;
	margin-right: 10px;
}
.finance_contianer .finance_content_block .n_i_detalization .information {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.finance_contianer .finance_content_block .n_i_detalization .information span {
	font-size: 25px;
}
.finance_contianer .finance_content_block .n_i_detalization .information span mark {
	color: dodgerblue;
	background-color: unset;
	font-weight: 500;
}
.finance_contianer .finance_content_block .details_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
.finance_contianer .finance_content_block .details_container .details_header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	width: calc(100% - 40px);
	background-color: white;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin-bottom: 25px;
}
.finance_contianer .finance_content_block .details_container .details_header .d_h_part {
	display: flex;
	flex-direction:row;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 10px;
}
.finance_contianer .finance_content_block .details_container .details_header .d_h_part .details_total_table {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	flex-grow: 1;
	padding-left: 100px;
}
.finance_contianer .finance_content_block .details_container .details_header .d_h_part .details_total_table table {
	border-collapse: collapse;
	background-color: white;
	font-size: 13px;
	min-width: 750px
}
.finance_contianer .finance_content_block .details_container .details_header .d_h_part .details_total_table table td {
	border: 1px solid gray;
	text-align: center;
}
.finance_contianer .finance_content_block .details_container .details_header .d_h_part .details_total_table table thead td, .details_total_table table tfoot td {
	font-size: 11px;
	background-color: #2f2c34;
	color: white;
}
.finance_contianer .finance_content_block .details_container .details_header .d_h_part input {
	margin-right: 10px;
}
.finance_contianer .finance_content_block .details_container .details_header .d_h_part .d_h_p_period {
	padding: 0px 50px;
}
.finance_contianer .finance_content_block .details_container .table_container tbody td {
	font-size: 20px;
}
.finance_contianer .finance_content_block .advance_invoices_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%
}
.finance_contianer .finance_content_block .advance_invoices_container .a_i_c_header {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: 100%;
	width: calc(100% - 40px);
	background-color: white;
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #00000024;
	margin-bottom: 25px;
}
.finance_contianer .finance_content_block .advance_invoices_container tbody td {
	font-size: 20px;
}


@keyframes cell_load {
	from {
		background-position-x: 1px;
	}
	to {
		background-position-x: 200px;
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 1500px) {
	main nav {
		width: 5%;
		align-items:center;
		min-width: 80px;
		padding: 0px;
		height: 100%;
	}
	main nav .nav_mark:hover {
		color: white;
		background-color: dodgerblue;
		font-weight: bold;
	}
	main nav .nav_mark_selected {
		color: white;
		background-color: dodgerblue;
		font-weight: bold;
	}
	main nav span {
		display: none;
	}
	main nav a, main nav u {
		display: flex;
		flex-direction: column;
		font-size: 10px;
		margin: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: break-spaces;
		text-align: center;
		font-weight: 300;
	}
	main nav a img, main nav u img {
		margin: 0;
		margin-bottom: 5px;
	}
}
@media (max-width: 1100px) {
	header{
		font-size: 13px;
	}
	header .header_block .time_block strong {
		font-size: 20px;
	}
	header .header_block .user_block a {
		font-size: 10px;
	}
	header .header_block .user_block .notification_button mark {
		right: 209px;
	}
}
@media (max-width: 800px) {
	header .header_block {
		justify-content: flex-end
	}
	header .header_block .holing_block {
		display: none;
	}
}
@media (max-width: 800px) {
	header .header_block .time_block {
		display: none;
	}
}
@media (max-width: 500px) {
	header h1 {
		font-size: 15px;
	}
}



.policy_modal {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	position: absolute;
	background-color: #000000cf;
}
.policy_modal .policy_modal_content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	max-width: 1040px;
	height: calc(100% - 40px);
	background-color: whitesmoke;
	border-radius: 10px;
	overflow: hidden;
	overflow-y: scroll;
}
.policy_modal_content .modal_content_header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 30px);
	padding: 10px 15px;
}
.policy_modal_content .doc_contianer {
	display: flex;
	flex-direction: column;
	padding: 20px 45px;
}
.clickable {
	cursor: pointer;
}
.clickable:hover {
	opacity: 50%;
}