@font-face {
    font-family: 'PT Sans';
    src: url('./fonts/PTSans-Regular.ttf')  format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: url('./fonts/PTSans-Bold.ttf')  format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: url('./fonts/PTSans-Italic.ttf')  format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'PT Sans';
    src: url('./fonts/PTSans-BoldItalic.ttf')  format('truetype');
    font-weight: 700;
    font-style: italic;
}

:root {
  --color-primary: #0ea5e9;
}

:root {
  --color-secondary: #2569ac;
}

:root {
  --color-hover: #2569ac;
}

:root {
  --color-hoverlight: #dedef8;
}

:root {
  --color-status0: #ced1d4;
  --color-status0-light: color-mix(in srgb, var(--color-status0) 30%, white);
}

:root {
  --color-status1: #599ebb;
  --color-status1-light: color-mix(in srgb, var(--color-status1) 30%, white);
}

:root {
  --color-status2: #c6bdd3;
  --color-status2-light: color-mix(in srgb, var(--color-status2) 30%, white);
}

:root {
  --color-status3: #7bc56f;
  --color-status3-light: color-mix(in srgb, var(--color-status3) 30%, white);
}

:root {
  --color-status4: #aac53e;
  --color-status4-light: color-mix(in srgb, var(--color-status4) 30%, white);
}

:root {
  --color-status5: #f78d4d;
  --color-status5-light: color-mix(in srgb, var(--color-status5) 30%, white);
}

:root {
  --color-status6: #468ee5;
  --color-status6-light: color-mix(in srgb, var(--color-status6) 30%, white);
}

:root {
  --color-status7: #1eae43;
  --color-status7-light: color-mix(in srgb, var(--color-status7) 30%, white);
}

:root {
  --color-status8: #00c4fb;
  --color-status8-light: color-mix(in srgb, var(--color-status8) 30%, white);
}

:root {
  --color-status9: #b57051;
  --color-status9-light: color-mix(in srgb, var(--color-status9) 30%, white);
}

:root {
  --color-status10: #835996;
  --color-status10-light: color-mix(in srgb, var(--color-status10) 30%, white);
}

:root {
  --color-status11: #e90058;
  --color-status11-light: color-mix(in srgb, var(--color-status11) 30%, white);
}

:root {
  --color-status12: #75d900;
  --color-status12-light: color-mix(in srgb, var(--color-status12) 30%, white);
}

:root {
  --color-status13: #ffab00;
  --color-status13-light: color-mix(in srgb, var(--color-status13) 30%, white);
}

:root {
  --color-status14: #a2a8b0;
  --color-status14-light: color-mix(in srgb, var(--color-status14) 30%, white);
}

:root {
  --color-status15: #e93700;
  --color-status15-light: color-mix(in srgb, var(--color-status15) 30%, white);
}

:root {
  --color-status16: #7bd500;
  --color-status16-light: color-mix(in srgb, var(--color-status16) 30%, white);
}



*:focus {
    outline: none;
}

html {

}
body {
  font-family: 'PT Sans', serif;
  color: #000;
  font-size: 16px;
  background: #f1f5f9;
}
h1,
h2,
h3 {
  font-weight: normal;
}
p,
p:last-child {

}

h3 {
	color: #666;
	font-size: 22px;
}

a {
	color: var(--color-primary);
	transition: all 0.2s;
}

a:hover, a:focus {
	color: var(--color-hover);
	text-decoration: none;
}

button {
	background-color: var(--color-primary);
	display: inline-block;
	transition: all 0.2s;
}

button:hover {
	background-color: var(--color-hover);
}

input {
	outline:none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.clear {
	clear: both;
}

.main {

}
.main-col {

}


.container {
	width: 1300px;
}

.container-fluid {
	width: 100%;
}

/*Шапка*/

.header {
	position: relative;
	z-index: 2;
	background: #383847;
	height: 60px;
}

.header a {
	color: #fff;
}


#header_logo {
	float: left;
	width: 40px;
	padding-top: 10px;
}

#header_logo img {
	display: inline-block;
	max-width: 100%;
}

#header_menu {
	float: left;
	height: 60px;
	margin-left: 40px;
}

#header_menu > div {
	display: inline-block;
	height: 100%;
}

#header_menu a {
	display: inline-block;
	height: 100%;
	padding: 18px 15px 20px 40px;
}

#header_menu a span.count {
	color: #fff;
	background: red;
	padding: 1px 2px;
	border-radius: 50%;
	min-width: 22px;
	display: inline-block;
	text-align: center;
	margin-left: 5px;
	font-size: 14px;
}

#header_menu a.info {
	background: url(./images/top_icon_info.png) 12px center no-repeat;
	background-size: auto 18px;
}

#header_menu a.help {
	background: url(./images/top_icon_help.png) 12px center no-repeat;
	background-size: auto 18px;
}

#header_menu a.orders {
	background: url(./images/top_icon_orders.png) 12px center no-repeat;
	background-size: auto 18px;
}

#header_menu a.users {
	background: url(./images/top_icon_users.png) 12px center no-repeat;
	background-size: auto 18px;
}

#header_menu a.sto {
	background: url(./images/top_icon_sto.png) 12px center no-repeat;
	background-size: auto 18px;
}

#header_menu a.strah {
	background: url(./images/top_icon_strah.png) 12px center no-repeat;
	background-size: auto 18px;
}

#header_menu a.message {
	background: url(./images/top_icon_message.png) 12px center no-repeat;
	background-size: auto 18px;
}

#header_menu a:hover, #header_menu a.active,
#header_right a:hover {
	background-color: #27272a;
}

#header_right {
	float: right;
	width: 280px;
}

#header_logout {
	float: left;
	height: 60px;
}

#header_logout a {
	display: inline-block;
	height: 100%;
	padding: 19px 15px;
	
}

.menu-toggle {
	display: none;
            flex-direction: column;
            gap: 5px;
            width: 35px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 0 0;
            align-items: flex-end; /* Выравниваем вправо */
			position: absolute;
			top: 14px;
			right: 15px;
        }
		
.menu-toggle:hover {
	background: none;
}
		

        .menu-toggle span {
            display: block;
            height: 2px;
            background-color: #fff;
            border-radius: 10px;
            transition: all 0.3s ease;
            transform-origin: right center; /* Точка трансформации справа */
        }

        /* Начальная ширина */
        .menu-toggle span:nth-child(1) { 
            width: 100%; 
        }
        .menu-toggle span:nth-child(2) { 
            width: 100%; 
        }
        .menu-toggle span:nth-child(3) { 
            width: 100%; 
        }

        /* При наведении - сужаем вправо */
        .menu-toggle:hover span:nth-child(1) { 
            width: 95%; 

        }
        .menu-toggle:hover span:nth-child(2) { 
            width: 60%; 

        }
        .menu-toggle:hover span:nth-child(3) { 
            width: 30%; 

        }

.header_profile {
	
	width: 205px;
	height: 60px;
	float: left;
}

.header_profile a {
	color: #ccc;
	height: 60px;
	display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.header_profile a span {
	display: inline-block;
	position: relative;
	padding-left: 20px;
}

.header_profile a span:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: calc(50% - 7px);
	width: 14px;
	height: 14px;
	background: url(./images/user_icon.png) left center no-repeat;
	background-size: contain;
	opacity: .5;
	filter: invert(1);
}

.hint {
	width: 14px;
	height: 14px;
	line-height: 18px;
	display: inline-block;
	background: url(./images/hint.png) center center no-repeat;
	background-size: contain;
	margin: 0 5px;
}


.burger_link a {
	height: 32px;
	width: 40px;
	background: url(./images/menu_cat.png) center center no-repeat;
	display: inline-block;
	margin: 12px 0;
}

.burger_link {
	display: none;
}

.wrapper {
	background: #fff;
	display: flex;
	width: 100%;
	position: relative;
}

.left_block {
	width: 280px;
	background: #f8fafc;
	padding: 15px;
	order: 1;
}

.left_block_toggle {
	display: none;
	text-align: center;
	transition: .5s;
	cursor: pointer;
	font-size: 0;
}

.left_block_toggle span {
	display: inline-block;
	background: url(./images/open_arrow.png) center center no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	
	opacity: .5;
}

.left_block_toggle.active {
	background: #e4e9ee;
}

.left_block_toggle.active span {
	opacity: .8;
}

.main_cont {
	padding: 20px 15px;
	width: 100%;
	order: 2;
}

.main_cont_with_left {
	width: calc(100% - 280px);
	order: 2;
}

.main {
	display: block;
	min-height: 600px;
}





.page-title {
	font-size: 25px;
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
	text-align: left;
	color: #000;
}

.page-title.with_icon {
	position: relative;
}

.page-title.with_icon span {

  display: inline-block;
  position: absolute;
	margin-left: 10px; 
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px auto;
  z-index: 2;
}

.page-title::first-letter,
.block-title::first-letter {
  text-transform: uppercase;
}

.block-title {
	font-size: 36px;
	text-transform: uppercase;
	font-family: 'Roboto Bold';
	padding: 0;
	margin-top: 5px;
	margin-bottom: 20px;
}


.breadcrumb {
	margin-top: 20px;
	padding: 0;
	background-color: #fff;
	display: inline-block;
	border-radius: 7px;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.breadcrumb a, .breadcrumb span {
	display: inline-block;
	padding: 8px 15px;
	padding-left: 50px;
}

.breadcrumb a {
	color: #979799;
	background: url(./images/breadcrumb_folder.png) 15px center no-repeat;
}

.breadcrumb a:first-of-type {
	background: url(./images/breadcrumb_main.png) 15px center no-repeat;
}

.breadcrumb a:hover {
	color: var(--color-primary);
	text-decoration: none;
}

.breadcrumb span {
	background: #bfbfef url(./images/breadcrumb_folder_white.png) 15px center no-repeat;
	color: #fff;
	border-radius: 7px;
}

.mybut1 {
	
}

.mybut1 {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	padding: 10px 30px;
	border-radius: 6px;
	background: var(--color-primary);
	transition: all 0.3s ease;
	border: 0;
	text-align: center;
}

.mybut1.red {
	background: #ff3333;
}

.mybut1:hover, .mybut1:focus {
	text-decoration: none;
	background: var(--color-hover);
	color: #fff;
}

.mybut1.red:hover, .mybut1.red:focus {
	background: #ff6666;
}

.mybut1:disabled {
	background: #aaa;
}


/* Подвал */

.footer {
	text-align: center;
	padding: 40px 0;
}


/* Пагинация */

.pagination > li > a, .pagination > li > span {
	color: #000;
	border: 0;
}

.pagination > li > a:hover {
	background: transparent;
	color: #e32636;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	color: #e32636;
	text-decoration: underline;
	background-color: transparent;
}


/* Формы */

.form {
	background: #f1f5f9;
	padding: 25px;
}

.form_line {
	padding: 10px 0;
	position: relative;
}

.form_line:after {
	content: '';
	display: block;
	clear: both;
}

.form_input label {
	width: 100%;
	font-weight: normal;
	margin-bottom: 3px;
	
}

.form_input label span {
	position: relative;
	display: inline-block;
}

.form_input label span:after {
	content: '';
	display: block;
	position: absolute;
	top: 6px;
	right: -22px;
	width: 14px;
	height: 14px;
	background: url(./images/label_hint.png) center center no-repeat;
	background-size: contain;
}

.form_input input[type=text], 
.form_input input[type=password], 
.form_input textarea,
.form_input select {
	width: 100%;
	border: 1px solid #e9e9eb;
	background: #fff;
	padding: 8px 15px;
	font-family: 'PT Sans', serif !important;
}

.form_input input[type=text]:disabled, 
.form_input input[type=password]:disabled, 
.form_input textarea:disabled,
.form_input select:disabled {
	background: #fcf8f8;
  color: #999;
}

.form_input select option {
	font-family: 'PT Sans', serif !important;
}

.form_input textarea {
	height: 110px;
}

.form_input input[type=text]:focus, 
.form_input input[type=password]:focus, 
.form_input textarea:focus {
	border: 1px solid #0ea5e9;
}

.form_line .form_input_50:nth-child(1) {
	padding-right: 5px;
	float: left;
	width: 50%;
}

.form_line .form_input_50:nth-child(2) {
	padding-left: 5px;
	float: left;
	width: 50%;
}

.form_hint {
	padding: 5px 0;
	color: #cc6666;
}



.form_submit {
	margin-top: 20px;
}

.form_submit button {
	border: 0;
	border-radius: 5px;
	padding: 10px 50px;
}

.form_error {
	padding: 15px;
	color: rgb(220, 20, 60);
	text-align: center;
}



.input-file {
	position: relative;
	display: inline-block;
}
.input-file span {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
	color: rgb(255 255 255);
	text-align: center;
	border-radius: 4px;
	background-color: #383847;
	line-height: 22px;
	height: 40px;
	padding: 10px 20px;
	box-sizing: border-box;
	border: none;
	margin: 0;
	transition: background-color 0.2s;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
 
/* Focus */
.input-file input[type=file]:focus + span {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 
/* Hover/active */
.input-file:hover span {
	background-color: #545461;
}
.input-file:active span {
	background-color: #2E703A;
}
 
/* Disabled */
.input-file input[type=file]:disabled + span {
	background-color: #eee;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #e9e9eb;
    height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0ea5e9;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 36px;
}

.map_show,
.map_hide {
	text-align: right;
}

.map_hide {
	display: none;
}

.map_show a,
.map_hide a {
	display: inline-block;
	background: url(./images/show_map.png) left center no-repeat;
	background-size: auto 24px;
	font-size: 18px;
	padding-left: 40px;
}

.map_cont {
	height: 500px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	display: none;
}

.map_view_cont {
	height: 500px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
        
#map {
	width: 100%;
	height: 100%;
}

.strah_type_cont > div {
	display: inline-block;
	margin-right: 25px;
	margin-top: 10px;
}

/* Мой чекбокс */

.my_checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.my_checkbox+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-weight: normal;
}
.my_checkbox+label::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  transition: all 0.2s;
}

.my_checkbox:checked+label::before {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили при наведении курсора на checkbox */
.my_checkbox:not(:disabled):not(:checked)+label:hover::before {
  border-color: #b3d7ff;
}
/* стили для активного состояния чекбокса (при нажатии на него) */
.my_checkbox:not(:disabled):active+label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
/* стили для чекбокса, находящегося в фокусе */
.my_checkbox:focus+label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.my_checkbox:focus:not(:checked)+label::before {
  border-color: #80bdff;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.my_checkbox:disabled+label::before {
  background-color: #e9ecef;
}

#user_password {
	width: calc(100% - 30px);
}

#gen_user_password {
	display: inline-block;
	width: 30px;
}

#gen_user_password img {
	transition: .5s;
	opacity: .7;
	max-width: 100%;
	display: inline-block;
	cursor: pointer;
}

#gen_user_password img:hover {
	opacity: 1;
}

.form_view_order {
	position: relative;
}

.form_view_order .order_status {
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid #d0d0d0;
    background: #f5f5f5;
	border-radius: 6px;
	padding: 5px 15px;
	cursor: help;
}

.form_view_order .order_status_1 {
	border: 1px solid #a2d1b9;
    background: #eaf3ef;
}

.form_view_order .order_status_2 {
	border: 1px solid #ddada1;
	background: #f3ecea;
}

.form_view_order .form_input input[type=text]:disabled, 
.form_view_order .form_input input[type=password]:disabled, 
.form_view_order .form_input textarea:disabled,
.form_view_order .form_input select:disabled {
	background: #fff;
  color: #000;
}


/* -----------------------------------------------       */




/* Регистрация и логин */

.login_error_str {
	text-align: center;
	margin: 10px 0;
	color: rgb(220, 20, 60);
}

.register_page {
	margin: 20px auto;
	margin-bottom: 100px;
	max-width: 940px;
	position: relative;
	background-size: 100% auto;
}

.register_page_logo {
	text-align: center;
	padding-bottom: 20px;
}

.register_page_logo img {
	max-width: 100px;
}

.login_page {
	padding-top: 70px;
	padding-bottom: 70px;
	margin-bottom: 0;
}

.register_form_head {
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: bold;
	color: var(--color-primary);
}

.register_form_head span {
	display: inline-block;
}

.register_form_head a {
	color: var(--color-secondary);
	font-size: 20px;
	display: inline-block;
}

.register_form_head a:hover {
	text-decoration: none;
	color: var(--color-primary);
}

#register_form, #login_form {
	display: block;
	width: 450px;
	margin: 0 auto;
	padding: 50px 50px;
	border-radius: 10px;
	background: #fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(160, 180, 195, 0.3);
-moz-box-shadow:    0px 0px 15px 0px rgba(160, 180, 195, 0.3);
box-shadow:         0px 0px 15px 0px rgba(160, 180, 195, 0.3);
}

#register_form input[type=text], #login_form input[type=text], #login_form input[type=password] {
	width: 100%;
	border: 1px solid #eaeaec;
	padding: 8px;
	background: transparent;
	font-size: 16px;
	margin-top: 15px;
}

#register_form input[type=text]:focus, #login_form input[type=text]:focus, #login_form input[type=password]:focus {
	border: 1px solid #0ea5e9;
}

#login_form label {
	margin: 15px 0 0 0;
}

.login_remember_login {
	margin-top: 20px;
	float: left;
	width: 50%;
}

.login_remember_password {
	margin-top: 20px;
	float: right;
	width: 50%;
	text-align: right;
}

#register_form input[type=submit], #login_form input[type=submit] {
	margin-top: 20px;
	width: 100%;
}


.register_user_type > div {
	float: left;
	width: 50%;
}

.register_user_type > div:nth-child(1) {
	padding-right: 10px;
}

.register_user_type > div:nth-child(1) {
	padding-left: 10px;
}

.register_user_type > div > div {
	border: 1px solid var(--color-primary);
	padding: 5px;
	text-align: center;
	color: var(--color-primary);
	cursor: pointer;
	transition: 0.2s all;
}

.register_user_type > div > div:hover {
	background: var(--color-secondary);
}

.register_user_type > div > div.active {
	color: #fff;
	background: var(--color-primary);
}

#register_done {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	display: none;
	text-align: center;
}

#register_done span {
	display: inline-block;
	text-align: center;
	border: 1px solid #0b486b;
	background: #fff;
	border-radius: 10px;
	padding: 50px;
	position: relative;
}

/* Левое меню */

.left_block_logo {
	text-align: center;
	padding: 0 40px;
	margin-bottom: 15px;
}

.left_block_logo img {
	max-width: 100%;
	display: inline-block;
}

.left_block_text h2 {
	color: #666;
	font-size: 24px;
}

.left_block_text > div {
	padding: 5px 0;
}

.left_block_text > div label {
	font-weight: normal;
	margin-right: 5px;
	color: #999;
}

.status_info_link {
	display: block;
	padding: 4px 0;
}

.status_info_link:not(.selected):hover {
	filter: brightness(0.7);
}

.status_info_link.selected {
	background: #eaf0f5;
	border: 1px solid #c8d7e5;
	font-weight: bold;
	padding: 4px;
}

/* Главная */

.main_icons {
	
}

.main_icons > div {
	float: left;
	width: 33.33%;
	padding: 30px 15px;
}

.main_icons > div a {
	display: block;
	padding-left: 80px;
	padding-top: 20px;
	background-size: 60px auto;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-radius: 5px;
	min-height: 80px;
}

.main_icons > div a span {
	color: #000;
	font-size: 14px;
}

.main_icons > div a:hover {
	background-color: #f8fafc;
	box-shadow: 0px 2px 4px 0px rgba(34, 60, 80, 0.1);
}

.main_icons > div a.main_icon_users {
	background-image: url(./images/main_icon_users.png);
}

.main_icons > div a.main_icon_messages {
	background-image: url(./images/main_icon_messages.png);
}

.main_icons > div a.main_icon_strah_company {
	background-image: url(./images/main_icon_strah_company.png);
}

.main_icons > div a.main_icon_orders {
	background-image: url(./images/main_icon_orders.png);
}

.main_icons > div a.main_icon_help {
	background-image: url(./images/main_icon_help.png);
}

.main_icons > div a.main_icon_profile {
	background-image: url(./images/main_icon_profile.png);
}

.main_icons > div a.main_icon_city {
	background-image: url(./images/main_icon_city.png);
}

.main_icons > div a.main_icon_mail_templates {
	background-image: url(./images/main_icon_mail_templates.png);
}

.menu_tabs {
	font-size: 18px;
}

.menu_tabs a, .menu_tabs span {
	display: inline-block;
	padding: 10px 20px;
	
}

.menu_tabs a {
	color: #52525b;
	border-bottom: 2px solid transparent;
}

.menu_tabs a:hover {
	background: #f5fafd;
	border-bottom: 2px solid #f5fafd;
}

.menu_tabs span {
	color: var(--color-primary);
	border-bottom: 2px solid var(--color-primary);
}

.menu_tabs span:hover {
	background: #f5fafd;
}

.status_menu {
	text-align: left;
	margin-bottom: 10px;
}

.status_menu > div {
	display: inline-block;
	padding: 5px 4px;
}

.status_menu > div a,
.status_menu > div span {
	display: inline-block;
	padding: 5px 10px;
	padding-right: 15px;
	color: #666;
	background-color: #f1f5f9;
	border-bottom: 1px solid var(--color-primary);
	position: relative;
	clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 0 100%);
}


.status_menu > div a.s1 {
	border-bottom: 2px solid var(--color-status1);
}

.status_menu > div a.s2 {
	border-bottom: 2px solid var(--color-status2);
}

.status_menu > div a.s3 {
	border-bottom: 2px solid var(--color-status3);
}

.status_menu > div a.s4 {
	border-bottom: 2px solid var(--color-status4);
}

.status_menu > div a.s5 {
	border-bottom: 2px solid var(--color-status5);
}

.status_menu > div a.s6 {
	border-bottom: 2px solid var(--color-status6);
}

.status_menu > div a.s7 {
	border-bottom: 2px solid var(--color-status7);
}

.status_menu > div a.s8 {
	border-bottom: 2px solid var(--color-status8);
}

.status_menu > div a.s9 {
	border-bottom: 2px solid var(--color-status9);
}

.status_menu > div a.s10 {
	border-bottom: 2px solid var(--color-status10);
}

.status_menu > div a.s11 {
	border-bottom: 2px solid var(--color-status11);
}

.status_menu > div a.s12 {
	border-bottom: 2px solid var(--color-status12);
}

.status_menu > div a.s13 {
	border-bottom: 2px solid var(--color-status13);
}

.status_menu > div a.s14 {
	border-bottom: 2px solid var(--color-status14);
}

.status_menu > div a.s15 {
	border-bottom: 2px solid var(--color-status15);
}

.status_menu > div a.s16 {
	border-bottom: 2px solid var(--color-status16);
}

.status_menu > div span {
	color: #000;
}

.status_menu > div span.s1 {
	background-color: var(--color-status1);
	border-bottom: 2px solid var(--color-status1);
}

.status_menu > div span.s2 {
	background-color: var(--color-status2);
	border-bottom: 2px solid var(--color-status2);
}

.status_menu > div span.s3 {
	background-color: var(--color-status3);
	border-bottom: 2px solid var(--color-status3);
}

.status_menu > div span.s4 {
	background-color: var(--color-status4);
	border-bottom: 2px solid var(--color-status4);
}

.status_menu > div span.s5 {
	background-color: var(--color-status5);
	border-bottom: 2px solid var(--color-status5);
}

.status_menu > div span.s6 {
	background-color: var(--color-status6);
	border-bottom: 2px solid var(--color-status6);
}

.status_menu > div span.s7 {
	background-color: var(--color-status7);
	border-bottom: 2px solid var(--color-status7);
}

.status_menu > div span.s8 {
	background-color: var(--color-status8);
	border-bottom: 2px solid var(--color-status8);
}

.status_menu > div span.s9 {
	background-color: var(--color-status9);
	border-bottom: 2px solid var(--color-status9);
}

.status_menu > div span.s10 {
	background-color: var(--color-status10);
	border-bottom: 2px solid var(--color-status10);
}

.status_menu > div span.s11 {
	background-color: var(--color-status11);
	border-bottom: 2px solid var(--color-status11);
}

.status_menu > div span.s12 {
	background-color: var(--color-status12);
	border-bottom: 2px solid var(--color-status12);
}

.status_menu > div span.s13 {
	background-color: var(--color-status13);
	border-bottom: 2px solid var(--color-status13);
}

.status_menu > div span.s14 {
	background-color: var(--color-status14);
	border-bottom: 2px solid var(--color-status14);
}

.status_menu > div span.s15 {
	background-color: var(--color-status15);
	border-bottom: 2px solid var(--color-status15);
}

.status_menu > div span.s16 {
	background-color: var(--color-status16);
	border-bottom: 2px solid var(--color-status16);
}


.status_menu > div a:hover, .status_menu > div a:focus {
	background-color: var(--color-primary);
	color: #000;
}

.status_menu > div a.s1:hover, .status_menu > div a.s1:focus {
	background-color: var(--color-status1);
}

.status_menu > div a.s2:hover, .status_menu > div a.s2:focus {
	background-color: var(--color-status2);
}

.status_menu > div a.s3:hover, .status_menu > div a.s3:focus {
	background-color: var(--color-status3);
}

.status_menu > div a.s4:hover, .status_menu > div a.s4:focus {
	background-color: var(--color-status4);
}

.status_menu > div a.s5:hover, .status_menu > div a.s5:focus {
	background-color: var(--color-status5);
}

.status_menu > div a.s6:hover, .status_menu > div a.s6:focus {
	background-color: var(--color-status6);
}

.status_menu > div a.s7:hover, .status_menu > div a.s7:focus {
	background-color: var(--color-status7);
}

.status_menu > div a.s8:hover, .status_menu > div a.s8:focus {
	background-color: var(--color-status8);
}

.status_menu > div a.s9:hover, .status_menu > div a.s9:focus {
	background-color: var(--color-status9);
}

.status_menu > div a.s10:hover, .status_menu > div a.s10:focus {
	background-color: var(--color-status10);
}

.status_menu > div a.s11:hover, .status_menu > div a.s11:focus {
	background-color: var(--color-status11);
}

.status_menu > div a.s12:hover, .status_menu > div a.s12:focus {
	background-color: var(--color-status12);
}

.status_menu > div a.s13:hover, .status_menu > div a.s13:focus {
	background-color: var(--color-status13);
}

.status_menu > div a.s14:hover, .status_menu > div a.s14:focus {
	background-color: var(--color-status14);
}

.status_menu > div a.s15:hover, .status_menu > div a.s15:focus {
	background-color: var(--color-status15);
}

.status_menu > div a.s16:hover, .status_menu > div a.s16:focus {
	background-color: var(--color-status16);
}



.sel_company_menu {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 20;
}

.sel_mtv_topic,.sel_mtv_text {
	position: absolute;
	top: 0;
	right: 0px;
}

.sel_mail_template {
	position: absolute;
	top: 15px;
	right: 25px;
	z-index: 19;
}


.action_menu_cont {
	text-align: right;
	margin-bottom: 10px;
}

.action_menu {
	display: inline-block;
	position: relative;
	font-size: 14px;
	padding-right: 30px;
}

.action_menu_main {
	position: relative;
	display: inline-block;
}

.action_menu_main > a,
.action_menu_main > span {
	background: #fff;
	display: inline-block;
	border-radius: 6px 0 0 6px;
	border: 1px solid #e9e9eb;
	padding: 3px 10px;
	color: #666;
}

.action_menu_main > a:hover {
	background: #f1f5f9;
}

.action_menu_main > div {
	display: flex;
	align-items: center;
    justify-content: center;
	position: absolute;
	top: 0;
	right: -30px;
	cursor: pointer;
	width: 30px;
	height: 28px;
	border-top: 1px solid #e9e9eb;
	border-right: 1px solid #e9e9eb;
	border-bottom: 1px solid #e9e9eb;
	border-radius: 0 6px 6px 0;
	transition: .5s;
}

.action_menu_main > div:hover {
	background: #f1f5f9;
}

.action_menu_main > div span {
	background: url(./images/icon_arrow_down.png) center center no-repeat;
	background-size: contain;
	width: 11px;
	height: 11px;
	opacity: .5;
}

.action_menu_sub {
	text-align: center;
	display: none;
	position: absolute;
	right: -10px;
	top: 38px;
	border-radius: 15px;
	padding: 10px 0;
	background: #fff;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); 
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
	z-index: 10;
}

.action_menu_sub a {
	display: block;
	padding: 5px 40px;
	color: #666;
	white-space: nowrap;
}

.action_menu_sub a:hover {
	background: #f1f5f9;
}

.action_menu_angly {
	display: block;
    height: 22px;
    position: absolute;
    overflow: hidden;
    width: 33px;
    pointer-events: none;
	top: -22px;
	right: 10px;
	z-index: 11;
}

.action_menu_angly_arrow {
    background-color: #fff;
    -webkit-box-shadow: 0 0 21px rgba(83, 92, 105, .13);
    box-shadow: 0 0 21px rgba(83, 92, 105, .13);
    content: '';
    height: 15px;
    position: absolute;
    left: 9px;
    top: 16px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 15px;
}



.table_search_buts {
	position: relative;
}

.table_search_buts .search_form {

}

.search_form_top {
	padding-right: 240px;
}

.search_form_top:after {
	content: '';
	display: block;
	clear: both;
}

.table_search_buts .table_buts {
	position: absolute;
	top: 0;
	right: 0;
}

.table_search_buts:after {
	content: '';
	display: block;
	clear: both;
}

.search_form {
	padding: 25px 0;
}

.search_form .form_input {

}

.search_form_top select {
	/*float: left;
	width: 100px;
	height: 41px;*/
}

.select2_status {
	 display: none !important;
}

#search_form .select2-container {
        width: 100% !important;
    }

.search_form_top input[type=text] {
	width: calc(100% - 40px);
	height: 41px;
	float: left;
}

button.btn_submit {
	width: 40px;
	position: relative;
	border: 1px solid #e9e9eb;
	background: #fff;
	transition: .5s;
	height: 41px;
	float: left;
	border-left: 0;
}

button.btn_submit:before {
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 12px);
	width: 24px;
	height: 24px;
	background: url(./images/search_but.png) center center no-repeat;
	background-size: contain;
	opacity: .5;
	transition: .5s;
}

button.btn_submit:hover {
	background: var(--color-primary);
	border-color: var(--color-primary);
}

button.btn_submit:hover:before {
	opacity: 1;
}

.search_filter {
	margin-top: 10px;
}

.search_filter .form_input {
	width: 25%;
	float: left;
	padding: 10px;
}

.search_filter .form_input input {
	padding: 5px 8px;
	font-size: 14px;
}

.search_filter:after {
	content: '';
	display: block;
	clear: both;
}

.search_filter_show {
	margin-top: 10px;
}





.table_buts {
	text-align: right;
	padding: 25px 0;
}

.table table {
	width: 100%;
	border-collapse: collapse;
}

.table thead tr {
	border-bottom: 1px solid var(--color-primary);
	position: sticky; 
	top: 0;
	background: #fff;
	z-index: 1;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
}

.table thead th {
	padding: 10px;
}

.table thead th a {
	color: #000;
}

.table thead th span::first-letter {
  text-transform: uppercase;
}

.table thead th span {
	position: relative;
	padding-right: 14px;
	display: inline-block;
}

.table thead th span em {
	position: absolute;
	top: calc(50%);
	right: 0px;
	color: #ccc;
	font-size: 10px;
	transform: translateY(-50%);
}

.table tbody td {
	padding: 10px;
	background: #f8fafc;
	transition: .1s;
	border: 2px solid #fff;
	border-top: 0;
	border-bottom: 10px solid #fff;
}

.table tbody tr:hover td {
	background: #f1f5f9;
}

.table tbody tr.inactive td {
	background: #fcf8f8;
	color: #999;
}

.orders_table tr {
	cursor: pointer;
}

.table_links tbody td {
	padding: 0;
}

.table_links tbody td a {
	display: block;
	padding: 10px;
	color: #000;
}



.table_actions a.icon {
	border-radius: 50%;
	display: inline-block;
	position: relative;
	margin: 0 10px;
	;
}

.table_actions a.icon:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #e9f2f8;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	scale: 0;
	transition: .3s;
}

.table_actions a.icon:hover:before {
	scale: 1.5;
}

.table_actions a img {
	width: 26px;
	transition: .3s;
	filter: grayscale(1);
	opacity: 0.5;
}


.table_actions a:hover img {
	filter: grayscale(0);
	opacity: 1;
}

.table_user_name em {
	color: var(--color-primary);
	margin-left: 5px;
}

.table_user_name span {
	font-size: 14px;
	color: #999;
}

.table_user_name a {
	color: #000;
}

.table_user_name a {
	color: #000;
}

.table tbody tr.inactive .table_user_name a {
	color: #999;
}

.sto_address_line {
	color: #339933;
}

.sto_coord_hint {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background: url(./images/show_map.png) center center no-repeat;
	background-size: contain;
}


.table_info_span {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 6px;
	cursor: help;
}

.table_info_span_red {
	border: 1px solid #ddada1;
	background: #f3ecea;
}

.table_info_span_green {
	border: 1px solid #a2d1b9;
	background: #eaf3ef;
}

.file_icon {
	padding: 15px 0 15px 50px;
}

.file_icon_pdf {
	background: url(./images/file_icon_pdf.png) left center no-repeat;
	background-size: auto 45px;
}

.files_cont > div {

}

.files_add_but {
	padding: 15px 0;
}

.files_add_but a {
	display: inline-block;
	background: url(./images/add_file_icon.png) center center no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	opacity: .7;
}

.files_add_but a:hover, .files_add_but a:focus {
	opacity: 1;
}

span.delete {
	display: inline-block;
	background: url(./images/delete_icon.png) center center no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	opacity: .5;
	transition: .5s;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 7px;
}

.form_line span.delete {
	right: -20px;
	top: calc(50% - 8px);
	width: 16px;
	height: 16px;
}

span.delete:hover {
	opacity: 1;
}

/* Статусы */

.status_list {
	position: relative;
	margin-left: 20px;
}

.status_list:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
	width: 1px;
	height: 41px;
	background: #fff;
	z-index: 1;
}

.status_list_date {
	position: relative;
	text-align: center;
	padding: 30px 0;
	border-left: 1px solid #dfe0e3;
}

.status_list_date:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #dfe0e3;
	z-index: 0;
}

.status_list_date span {
	background: #f8fafc;
	padding: 5px 15px;
	position: relative;
	border-radius: 40px;
}

.status_list_item {
	padding-bottom: 30px;
	padding-left: 40px;
	position: relative;
	border-left: 1px solid #dfe0e3;
}

.status_list_item:last-of-type {
	border-left: 0;
}

.status_list_item > div {
	border-radius: 15px;
	background-color: var(--color-status0-light);
	position: relative;
	padding: 20px;
	padding-top: 7px;
}

.status_list_item_1 > div {
	background-color: var(--color-status1-light);
}

.status_list_item_2 > div {
	background-color: var(--color-status2-light);
}

.status_list_item_3 > div {
	background-color: var(--color-status3-light);
}

.status_list_item_4 > div {
	background-color: var(--color-status4-light);
}

.status_list_item_5 > div {
	background-color: var(--color-status5-light);
}

.status_list_item_6 > div {
	background-color: var(--color-status6-light);
}

.status_list_item_7 > div {
	background-color: var(--color-status7-light);
}

.status_list_item_8 > div {
	background-color: var(--color-status8-light);
}

.status_list_item_9 > div {
	background-color: var(--color-status9-light);
}

.status_list_item_10 > div {
	background-color: var(--color-status10-light);
}

.status_list_item_11 > div {
	background-color: var(--color-status11-light);
}

.status_list_item_12 > div {
	background-color: var(--color-status12-light);
}

.status_list_item_13 > div {
	background-color: var(--color-status13-light);
}

.status_list_item_14 > div {
	background-color: var(--color-status14-light);
}

.status_list_item_15 > div {
	background-color: var(--color-status15-light);
}

.status_list_item_16 > div {
	background-color: var(--color-status16-light);
}


.status_list_item:before {
	content: '';
	display: block;
	position: absolute;
	top: 17px;
	left: 0px;
	width: 100%;
	height: 1px;
	background: #dfe0e3;
	z-index: 0;
}

.status_list_item:after {
	content: '';
	display: block;
	position: absolute;
	left: -17px;
	top: 0px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: var(--color-status0);
	background-image: url(./images/status_icon_0.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	z-index: 2;
}

.status_list_item_0:after {
	background-size: 18px auto;
}

.status_list_item_1:after {
	background-color: var(--color-status1);
	background-image: url(./images/status_icon_1.png);
}

.status_list_item_2:after {
	background-color: var(--color-status2);
	background-image: url(./images/status_icon_2.png);
}

.status_list_item_3:after {
	background-color: var(--color-status3);
	background-image: url(./images/status_icon_3.png);
}

.status_list_item_4:after {
	background-color: var(--color-status4);
	background-image: url(./images/status_icon_4.png);
}

.status_list_item_5:after {
	background-color: var(--color-status5);
	background-image: url(./images/status_icon_5.png);
}

.status_list_item_6:after {
	background-color: var(--color-status6);
	background-image: url(./images/status_icon_6.png);
}

.status_list_item_7:after {
	background-color: var(--color-status7);
	background-image: url(./images/status_icon_7.png);
}

.status_list_item_8:after {
	background-color: var(--color-status8);
	background-image: url(./images/status_icon_8.png);
}

.status_list_item_9:after {
	background-color: var(--color-status9);
	background-image: url(./images/status_icon_9.png);
}

.status_list_item_10:after {
	background-color: var(--color-status10);
	background-image: url(./images/status_icon_10.png);
}

.status_list_item_11:after {
	background-color: var(--color-status11);
	background-image: url(./images/status_icon_11.png);
}

.status_list_item_12:after {
	background-color: var(--color-status12);
	background-image: url(./images/status_icon_12.png);
}

.status_list_item_13:after {
	background-color: var(--color-status13);
	background-image: url(./images/status_icon_13.png);
}

.status_list_item_14:after {
	background-color: var(--color-status14);
	background-image: url(./images/status_icon_14.png);
}

.status_list_item_15:after {
	background-color: var(--color-status15);
	background-image: url(./images/status_icon_15.png);
}

.status_list_item_16:after {
	background-color: var(--color-status16);
	background-image: url(./images/status_icon_16.png);
}


.status_list_item_name {
	margin-bottom: 10px;
	position: relative;
}

.status_list_item_name span {
	color: #999;
	margin-right: 10px;
}

.status_list_item_user {
	top: 8px;
	right: 20px;
	position: absolute;
	padding-left: 20px;
}

.status_list_item_user:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: calc(50% - 7px);
	width: 14px;
	height: 14px;
	background: url(./images/user_icon.png) left center no-repeat;
	background-size: contain;
	opacity: .3;
}

.status_list_item_text {
	border-radius: 15px;
	background: rgba(255,255,255, 0.8);
	padding: 20px;
}

.status_list_item_text .mail_label {
	font-weight: bold;
	color: #999;
	margin-right: 5px;
	display: inline-block;
}

.status_list_item_files {
	
}

.status_list_item_files > div {
	display: inline-block;
}

.status_list_item_files > div a {
	display: inline-block;
	background: url(./images/file_icon.png) left center no-repeat;
	background-size: auto 18px;
	padding: 5px 0 5px 22px;
	font-size: 14px;
	margin: 7px;
	color: #999;
}

.status_list_item_files > div a.pdf {
	background: url(./images/file_icon_pdf.png) left center no-repeat;
	background-size: auto 18px;
}

.status_list_item_files > div a.image {
	background: url(./images/file_icon_image.png) left center no-repeat;
	background-size: auto 18px;
}

.status_list_item_files > div a:hover {
	color: #000;
}

/* Попапы */

.popup_view {
	padding: 25px;
	border: 1px solid var(--color-primary);
}

.popup_view > div {
	border-bottom: 1px solid #e9e9eb;
	padding: 7px 0;
}

.view_message_viewed {
	color: #669966;
	text-align: right;
	padding-bottom: 10px;
}



/* Загрузчик файлов */

#fileInputOne {
	display: none;
}

.drop-zone {
            width: 300px;
            height: 140px;
            border: 2px dashed #ccc;
            border-radius: 8px;
            text-align: center;
            padding: 40px 20px;
            margin: 20px auto;
            cursor: pointer;
            transition: all 0.3s ease;
        }
		
.drop-zone:hover {
	background: #ededed;
	}
        
        .drop-zone.dragover {
            border-color: #007bff;
            background-color: #f0f8ff;
        }
        
        .file-list {
            margin: 15px 0;
            max-width: 100%;
        }
        
        .file-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 12px;
            margin: 5px 0;
            border: 1px solid #ddd;
            border-radius: 4px;
            background-color: #f9f9f9;
        }
        
        .file-name {
            flex: 1;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .file-size {
            font-size: 12px;
            color: #666;
            margin-left: 10px;
        }
        
        .remove-btn {
            background: #ff3742;
            color: white;
            border: none;
            border-radius: 3px;
            cursor: pointer;
            font-size: 30px;
			width: 26px;
			line-height: 24px;
            margin-left: 10px;
			border-radius: 50%;
			opacity: .7;
        }
        
        .remove-btn:hover {
			background: #ff3742;
			opacity: 1;
        }
        
        .file-info {
            display: flex;
            align-items: center;
            flex: 1;
            min-width: 0;
        }

#ui-datepicker-div {
	z-index: 2 !important;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------АДАПТАЦИЯ----------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width:1680px){
	

}

@media (max-width:1400px){
	
	
.container {
	width: 100%;
}

#header_menu {
	margin-left: 20px;
}
	

}

@media (max-width:1200px){
	
body {
	font-size: 14px;
}

.page-title {
	font-size: 20px;
	margin-bottom: 8px;
}

.left_block {
	width: 220px;
}

.main_cont_with_left {
	width: calc(100% - 220px);
	padding: 10px 15px;
}

.mybut1 {
	font-size: 15px;
	padding: 8px 20px;
}

.menu_tabs {
	font-size: 16px;
}

.menu_tabs a, .menu_tabs span {
	padding: 8px 15px;
}
	
.header {
	height: 45px;
}
	
#header_logo {
	width: 30px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#header_menu {
	height: 45px;
}

#header_menu a {
	padding: 12px 12px 12px 40px;
	font-size: 14px;
}

#header_right {
	width: 225px;
}

.header_profile a {
	height: 45px;
	font-size: 14px;
}

.header_profile {
	height: 45px;
	width: 175px;
}

#header_logout {
	height: 45px;
}

#header_logout a {
	padding: 12px 5px;
}

#header_menu a {
	padding: 12px 8px 12px 36px;
	font-size: 14px;
}

.search_form {
	padding: 15px 0;
}

.table_buts {
	padding: 15px 0;
}

.search_form_top select {
	height: 35px;
}

.search_form_top input[type="text"] {
	height: 35px;
}

button.btn_submit {
	width: 40px;
	height: 35px;
}

.map_view_cont,
.map_cont {
	height: 350px;
}

.map_show a, .map_hide a {
	background-size: auto 20px;
	font-size: 16px;
}

.page-title.with_icon span {
	width: 24px;
	height: 24px;
	background-size: 12px auto;
}
	
}

@media (max-width:1024px){
	
.header {
	height: auto;
}
	
.menu-toggle {
		display: flex;
	}
	
#header_menu {
	height: auto;
	margin: 0 auto;
	width: 180px;
	float: none;
	display: none;
}

#header_logo {
	float: none;
}

#header_menu > div {
	display: block;
	height: auto;
}

#header_menu a {
	padding: 12px 12px 12px 40px;
	font-size: 16px;
	display: block;
}

#header_right {
	float: none;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	display: none;
}

.header_profile {
	height: auto;
	width: 100%;
	float: none;
}

.header_profile a {
	height: auto;
	display: block;
	font-size: 14px;
}

#header_logout {
	float: none;
	height: auto;
	text-align: center;
}

.wrapper {
	display: block;
}

.left_block {
	width: 100%;
	padding: 0 15px;
}

.main_cont_with_left {
	width: 100%;
	padding: 15px;
}

.left_block_text .status_info_item {
	display: inline-block;
	padding: 5px 10px;
}

.left_block_logo {
	padding: 10px;
	margin-bottom: 0px;
}

.left_block_logo img {
	max-width: 40px;
}

.left_block_toggle {
	display: block;
}

.left_block_logo, .left_block_text {
	display: none;
}

.sel_company_menu {
	top: auto;
	right: auto;
	position: relative;
	text-align: right;
}
	
}

@media (max-width:992px){
	

}

@media (max-width:767px){
	
body {
	font-size: 16px;
}

.main {
	display: block;
	min-height: auto;
	padding-bottom: 10px;
}
	
.container {
	padding-right: 10px;
	padding-left: 10px;
}

.main_cont_with_left {
	padding: 5px;
}

.left_block {
	padding: 5px;
}

.page-title {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.form {
	background: #f1f5f9;
	padding: 20px 10px;
}
	
.form_line .form_input_50:nth-child(1) {
	padding-right: 0;
	float: none;
	width: 100%;
}

.form_line .form_input_50:nth-child(2) {
	padding-left: 0px;
	float: none;
	width: 100%;
}

.menu_tabs {
	font-size: 18px;
}

.status_menu > div {
	display: inline-block;
	padding: 8px 5px;
}

.action_menu {
	font-size: 18px;
	padding-right: 30px;
}

.action_menu_main > div {
	height: 34px;
}

.table {
	width: 100%;
}

.table table {
	display: block;
    overflow-x: auto;
}

.table_search_buts .table_buts {
	position: relative;
	top: auto;
	right: auto;
	text-align: center;
}

.search_form_top {
	padding-right: 0px;
}

.search_filter .form_input {
	width: 50%;
	padding: 7px;
}

.status_list_item {
	padding-left: 30px;
}

.status_list_item_user {
	top: auto;
	right: auto;
	position: relative;
	margin-bottom: 15px;
}

.sel_mail_template {
	position: relative;
	top: auto;
	right: auto;
	text-align: right;
}

}

@media (max-width:480px){
	
	#register_form, #login_form {
	width: 100%;
	padding: 30px 20px;
}

.register_page_logo {
	padding-bottom: 10px;
}

.register_page_logo img {
	max-width: 40px;
}

.register_page {
	margin: 0px auto;
	margin-bottom: 0px;
	max-width: 100%;
}

.login_page {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0;
}




}