/* Print */

@media print {
  .page-breaker { 
    page-break-before: always;
  }
}

/* Colors */

.CatalogOperE {
	color: red;
	display: none;
}

/* Fonts */

@font-face {
  font-family: 'grdet';
  src:  url('../fonts/grdet.eot?6qjvlx');
  src:  url('../fonts/grdet.eot?6qjvlx#iefix') format('embedded-opentype'),
    url('../fonts/grdet.ttf?6qjvlx') format('truetype'),
    url('../fonts/grdet.woff?6qjvlx') format('woff'),
    url('../fonts/grdet.svg?6qjvlx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'grdet' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-models:before {
  content: "\e900";
}
.icon-01:before {
  content: "\e901";
}
.icon-02:before {
  content: "\e902";
}
.icon-03:before {
  content: "\e903";
}
.icon-04:before {
  content: "\e904";
}
.icon-05:before {
  content: "\e905";
}
.icon-06:before {
  content: "\e906";
}
.icon-07:before {
  content: "\e907";
}
.icon-08:before {
  content: "\e908";
}
.icon-09:before {
  content: "\e909";
}
.icon-10:before {
  content: "\e90a";
}
.icon-11:before {
  content: "\e90b";
}
.icon-12:before {
  content: "\e90c";
}
.icon-13:before {
  content: "\e90d";
}
.icon-15:before {
  content: "\e90e";
}
.icon-16:before {
  content: "\e90f";
}
.icon-17:before {
  content: "\e910";
}
.icon-18:before {
  content: "\e911";
}
.icon-19:before {
  content: "\e912";
}
.icon-21:before {
  content: "\e913";
}
.icon-22:before {
  content: "\e914";
}
.icon-23:before {
  content: "\e90d";
}
.icon-90:before {
  content: "\e915";
}

/* Login Panel */

.login_message {
	text-align: center;
	color: red;
}

.login_panel {
	width: fit-content;
	padding-top: 0.4em;
	justify-items: center;
	color: slategray;
}

.login_panel form {
	display: inline-flex;
}

.login_fields {
	display: inline-grid;
}

.login_fields input {
	display: inline-grid;
	margin: 3px;
}

.login_bottom input {
	width: 3em;
	height: 7em;
}


/* Basic Style */

body {
	background: #F2F5FF;
/*	background-image: url("pscw_bg_newyear.jpg"); */
	color: #333333;
	line-height: 1.2em;
	font-family: 'Source Sans Pro', sans-serif;
}

p {
	text-align: justify;
	text-indent: 1.5em;
}

b {
	font-weight: 400;
}

fieldset {
	margin-bottom: 3px;
	border: 0px;
}

.a:link {
	color: #657297;
}
a:visited {
	color: #657297;
}
a:active {
	color: #657297;
}

h3 {
	font-size: 1.17em;
	color: #657297;
}

h4 {
	font-size: 0.8em;
	color: #657297;
}

.forecolor_red {
	color: red;
}

.forecolor_green {
	color: darkseagreen;
}

/* Button */

.but {
	background: #CED9EC;
	color: #657297;
	text-align: center;
	border-radius: 0.2em;
	text-decoration: none;
	padding: 0.1em;
	border: 0;
	outline: 0;
	-moz-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-bottom-color 0.15s ease-in-out;
	-webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-bottom-color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-bottom-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-bottom-color 0.15s ease-in-out;
	vertical-align: middle;
	margin: 1px;
	cursor: default;
}

.but[selected] {
	background: #FFA500;
}

.but:hover {
	background: #FF7600;
}

.but_mini {
	background: #CED9EC;
	color: #657297;
	text-align: center;
	text-decoration: none;
	padding: 0em;
	border: 0;
	outline: 0;
	vertical-align: middle;
	margin: 0em;
}

.but_mini:hover {
	background: #FF7600;
}

.but_doc_status {
	width: -webkit-fill-available;
	text-align-last: center;
	font-weight: 600;
}

.btn_svg_min svg {
	width: 1.5em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
}

.btn_svg_big svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_partsearch svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_statusfilter svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_search svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_search_cancel svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_trash svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_monitor svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_options svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_month svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_logout svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_doc_new svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.but_doc_new label {
	vertical-align: middle;
	white-space: nowrap;
}

.but_doc_open {
	vertical-align: middle;
}

.but_doc_open svg {
	width: 1.5em;
	height: 1em;
	fill: currentColor;
}

.but_doc_upload {
	vertical-align: middle;
}

.but_doc_upload svg {
	width: 1.5em;
	height: 1em;
	fill: currentColor;
}

.but_doc_trash {
	vertical-align: middle;
}

.but_doc_trash svg {
	width: 1.5em;
	height: 1em;
	fill: currentColor;
}

.doc_info {
	font-size: 12pt;
	line-height: normal;
}

.open_menu_btn {
	text-align: center;
}

.open_menu_btn svg {
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	fill: currentColor;
	padding: 2px;
}

.open_menu_btn label {
	vertical-align: middle;
}

.open_manager {
	text-align: center;
	text-align-last: center;
}

.open_manager svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.open_verification {
	text-align: center;
	text-align-last: center;
}

.open_verification svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.open_exportmenu svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.edit_undo svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.open_calclog svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.open_svidet svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.open_menu {
	display: none;
}

.open_menu svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

.menu_frame {
	display: grid;
	background-color: #F2F5FF;
	top: 0;
	text-align-last: left;
}

.menu_frame_top {
	display: inline-flex;
}

.mobile_menu {
	display: none;
	background-color: #F2F5FF;
	position: fixed;
	top: 0;
	z-index: 1000;
	height: 60px;
	width: 100%;
}

.mobile_menu label {
	padding: 10px;
	font-weight: 400;
}

.top_panel {
	background-color: #FEFFD0;
	color: #657297;
	font-size: x-small;
	padding-left: 5px;
	margin-left: 10px;
	position: sticky;
	top: 0px;
	z-index: 11000;
	margin-top: -1.1em;
	margin-bottom: 1em;
	margin-left: -0.8em;
	margin-right: -0.8em;
}

.left_panel {
	height: -webkit-fill-available;
	width: 15%;
	position: fixed;
	overflow-x: hidden;
	overflow-y: auto;
	text-decoration: none;
	scrollbar-width: thin;
	margin-bottom: 3em;
}

.middle_panel {
	margin-bottom: 4em;
	place-content: flex-end;
}

.foot_panel {
	background-color: orange;
	position: fixed;
	width: -webkit-fill-available;
	width: -moz-available;
	inset-area: bottom;
	bottom: 0;
	height: 3em;
	place-content: center;
	padding-left: 10px;
	text-align: center;
	border-top: solid 1px white;
	left: 0px;
}

.right_panel {
	width: 84%;
	margin-left: 16%;
}

.tbl_button,
.tbl_make_calc,
.tbl_make_prices,
.tbl_make_oems,
.tbl_make_godost {
    margin-top: 0.5em;
	margin-right: -2px;
}

.tbl_button svg,
.tbl_make_calc svg,
.tbl_make_prices svg,
.tbl_make_oems svg,
.tbl_make_godost svg {
	width: 1.5em;
	height: 1em;
	fill: currentColor;
	border: 1px;
	vertical-align: sub;
	padding: 0.2em;
}

.tbl_make_calc label,
.tbl_make_prices label,
.tbl_make_oems label,
.tbl_make_godost label {
	vertical-align: text-bottom;
	padding: 0.2em;
}

.tbl_sort svg {
	width: 1em;
	height: 0.8em;
	vertical-align: middle;
	fill: currentColor;
	border: 1px;
}

.gallery_image_del {
	margin-right: 5px;
}

.gallery_image_map svg,
.gallery_image_add svg,
.gallery_image_del svg {
	width: 1.5em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	border: 1px;
}

.gallery_image_accept {
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.gallery_image_add_div {
    align-items: center;
    background-color: #f5f7fa;
    border-radius: 3px;
    display: flex;
	height: 180px;
	width: 226px;
    justify-content: center;
    overflow: hidden;
    position: relative;
	margin: 1px;
}

.gallery_image_add_span {
	pointer-events: none;
	position: relative;
	right: 0;
	top: 0;
	overflow: visible;
	font-size: 4em;
}

.gallery_image_paste_div {
    align-items: center;
    background-color: #f5f7fa;
    border-radius: 3px;
    display: flex;
	height: 180px;
	width: 226px;
    justify-content: center;
    overflow: hidden;
    position: relative;
	margin: 1px;
}

.gallery_image_paste_span {
	pointer-events: none;
	position: relative;
	right: 0;
	top: 0;
	overflow: visible;
	font-size: 4em;
}

.doc_files_file_add svg,
.doc_files_file_del svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
	border: 1px;
}

.doc_files_file_accept {
	width: 20em;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
}

.doc_files_file_add_div {
    align-items: center;
    background-color: #f5f7fa;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
	width: 20em;
}

.doc_files_file_add_span {
	pointer-events: none;
	position: relative;
	right: 0;
	top: 0;
	overflow: visible;
	height: 3em;
	align-content: center;
}

.doc_files_item {
    display: table-row;
	margin-bottom: 5px;
}
.doc_files_item:hover {
	background-color: white;
}
.doc_files_item_delete {
    display: table-cell;
    vertical-align: middle;
	padding-right: 5px;
}
.doc_files_item_delete svg {
	width: 1.5em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	border: 1px;
}
.doc_files_item_download {
    display: table-cell;
    vertical-align: middle;
	padding-left: 5px;
}
.doc_files_item_download svg {
	width: 1.5em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	border: 1px;
}
.doc_files_item_img {
	display: table-cell;
	vertical-align: middle;
	fill: currentColor;
	border: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}
.doc_files_item_img svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
	border: 1px;
	inline-size: fit-content;
}
.doc_files_item_comment {
    display: table-cell;
    vertical-align: middle;
	width: 70%;
	overflow-wrap: anywhere;
}
.doc_files_item_size {
    display: table-cell;
    vertical-align: middle;
	width: 10%;
	text-align: right;
	padding-right: 10px;
}
.doc_files_item_date {
    display: table-cell;
    vertical-align: middle;
	width: 20%;
	text-align: right;
	padding-right: 5px;
}
.doc_files_foot {
	display: table-row;
    width: 100%;
}
.but doc_files_file_add {
	display: table-cell;
}
.doc_files_allsize {
	display: table-cell;
    width: 90%;
    text-align: right;
}


/* Default */

.default_main {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 99%;
}

.default_item {
	height: 7em;
	width: 17em;
	margin: 5px;
	border: 1px solid;
	display: inline-flex;
	background-color: white;
}

.default_item_icon {
	color: white;
	height: inherit;
	padding: 0px 5px;
} 
	
.default_item_icon svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: 10px;
}

.default_item_text {
	padding: 5px;
}

.default_vk {
	text-align: -webkit-center;
	padding-top: 1em;
}

/* Input */

.inp {
	border: 0;
	background: #FFFFFF;
	border-radius: 0.5em;
	border: solid 1px #E5E5E5;
	padding: 1em;
	margin-right: 2px;
	font-size: 0.8em;
	-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
}

/* Options */

.options_file_accept {
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.options_file_add_div {
    align-items: center;
    background-color: #f5f7fa;
    border-radius: 3px;
    display: flex;
	height: 2.7em;
	width: 3em;
    justify-content: center;
    overflow: hidden;
    position: relative;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 2px;
}

.options_file_add_span {
    pointer-events: none;
    position: relative;
    right: 0;
    top: 0;
    overflow: visible;
    font-size: 4em;
    display: contents;
}

/* Manager Table */

.mng_panel_search {
	text-align: right;
}

.mng_top {
	display: table;
	width: 100%;
	border: none;
	border-collapse: separate;
	position: sticky;
	top: 0px;
	background-color: #F2F5FF;
	border-bottom: 1px solid #CED9EC;
}

.mng_top_row {
	display: table-row;
}

.mng_top_col1 {
	display: table-cell;
	vertical-align: top;
}

.mng_top_col2 {
	justify-self: right;
	text-align: right;
}

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

.mng_row {
	display: table-row;
	outline-width: 1px;
	outline-color: #CED9EC;
	outline-style: solid;
	cursor: default;
}

.mng_row:hover {
	outline-width: 1px;
	outline-color: #FF7600;
	outline-style: solid;
}

.mng_col1 {
	width: 100%;
	display: table-cell;
}

.mng_col2 {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding-left: 2px;
}

.mng_item_table {
	display: table;
	width: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mng_item_row {
	display: table-row;
	box-shadow: 0px 1px 0px 0px #CED9EC inset;
}

.mng_item_cel1 {
	width: 30%;
	display: table-cell;
	vertical-align: middle;
	padding: 3px;
}

.mng_item_cel1 svg {
	width: 1.5em;
	height: 1em;
    vertical-align: middle;
	fill: currentColor;
}

.mng_item_cel2 {
	width: 40%;
	display: table-cell;
	vertical-align: middle;
	overflow-wrap: anywhere;
	font-family: monospace;
	color: black;
	padding: 3px;
	font-size: 14pt;
}

.mng_item_cel3 {
	width: 30%;
	display: table-cell;
	vertical-align: middle;
	padding: 3px;
}

.mng_item_cel4 {
	display: table-cell;
	vertical-align: top;
	color: #657297;
	padding: 3px;
}

.mng_item_cel5 {
	display: table-cell;
	vertical-align: top;
	padding: 3px;
}

.mng_item_cel6 {
	display: table-cell;
	vertical-align: top;
	color: #657297;
	padding: 3px;
    font-size: small;
}


/* Forma */

.frm_list {
	display: table;
	width: 85%;
	margin-left: auto;
}

.frm_row h3 {
	margin-left: 1em;
}

.frm_row_hover:hover {
	background-color: white;
}


.frm_comment,
.frm_comment_option,
.frm_comment_hide {
	width: 18em;
	max-width: 18em;
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.frm_comment:active {
    background-color: #E5EBFF;
}

.frm_field {
	width: 70%;
	min-width: 70%;
	display: table-cell;
	padding: 2px;
	height: 2em;
	align-content: center;
}

.frm_field input[type="checkbox"] {
	width: 2em;
	height: 2em;
}

.frm_field input::placeholder {
	opacity: 0.3;
}

.frm_field input[realtype="text"],
.frm_field select,
.frm_field textarea {
	color: #444444;
	font-size: 15pt;
	font-weight: 100;
	position: relative;
	display: inline-block;
	border: 0;
	background: #FFFFFF;
	width: 92%;
	border-radius: 0.2em;
	border: solid 1px #E5E5E5;
	padding: 0.3em;
	-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
}

.frm_field input[realtype="number"],
.frm_field input[realtype="date"],
.frm_field input[realtype="datetime-local"] {
	color: #444444;
	font-size: 15pt;
	font-weight: 100;
	-webkit-appearance: none;
	display: inline-block;
	border: 0;
	background: #FFFFFF;
	border-radius: 0.2em;
	border: solid 1px #E5E5E5;
	padding: 0.3em;
	-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
}

.frm_field input[realtype="date"]::-webkit-inner-spin-button {
  display: none;
}
.frm_field input[realtype="date"]::-webkit-calendar-picker-indicator {
  display: none;
}
.frm_field input[realtype="datetime-local"]::-webkit-inner-spin-button {
  display: none;
}
.frm_field input[realtype="datetime-local"]::-webkit-calendar-picker-indicator {
  display: none;
}

.frm_field input[realtype="number"] {
	width: 8em;
	text-align: right;
}

.frm_field input[readonly] {
	color: #705A1D;
}

.frm_field label {
	margin-left: 5px;
}

.frm_verifvalue {
	padding-left: 0.4em;
	padding-bottom: 0.3em;
    font-size: 15pt;
}

.frm_verifvalue_number {
	padding-bottom: 0.3em;
	width: 8.3em;
	text-align: right;
	font-size: 15pt;
}

.frm_field_formula {
	outline-width: 1px;
	outline-color: #FFA500;
	outline-style: dotted;
}

.frm_group_top_help {
	color: darkolivegreen;
	width: 95%;
	place-self: center;
	border: 1px solid lightsteelblue;
	padding: 5px;
	font-size: small;
	background-color: ivory;
	margin-bottom: 6px;
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
}

.frm_button {
	margin: 0.2em;
	padding: 0.3em;
}
	
.frm_button svg {
	height: 1.3em;
	vertical-align: middle;
	fill: currentColor;
	padding-bottom: 2px;
}

.frm_button_help {
	margin: 0.2em;
	padding: 0.1em 0.3em;
	border-radius: 1em;
	background-color: #E5EBF7;
}

.tbl_verifvalue {
	font-size: 10pt;
	padding-left: 0.2em;
}

.tbl_verifvalue_number {
	font-size: 10pt;
	text-align: right;
	padding-right: 0.4em;
}

input:focus {
	outline-width: 1px;
	outline-style: solid;
}

.help_topic {
	padding: 1em;
	font-size: x-large;
	line-height: normal;
	text-align: justify;
	background-color: azure;
	cursor: pointer;
}


/* Table */

.tbl_table {
	display: table;
	width: 84%;
	border: none;
	border-collapse: separate;
	position: sticky;
	margin-left: 16%;
	padding-top: 2.3em;
}

.tbl_controls {
	width: 85%;
	position: fixed;
	background-color: #F2F5FF;
	z-index: 902;
	left: 16.5%;
	margin-top: -8px;
	margin-left: -5px;
	height: 32px;
}

.tbl_caption {
	z-index: 901;
	position: sticky;
	background-color: #E5EBFF;
	top: 2em;
}

.tbl_footer {
	position: sticky;
	bottom: 3em;
	background-color: #E5EBFF;
	z-index: 100;	
}

.tbl_row {
	display: table-row;
	box-shadow: 0px 1px 0px 0px #CED9EC inset;
	margin-top: 0px;
	padding-bottom: 3px;
}

.tbl_cell_num {
	width: 1.5em;
	text-align: right;
	font-size: smaller;
}

.tbl_cell_head {
	font-size: x-small;
	font-weight: bolder;
}

.tbl_cell {
	display: table-cell;
	height: inherit;
}

.tbl_cell input::placeholder {
	opacity: 0;
}

.tbl_field {
	padding-left: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
}

.tbl_field input {
	padding: 0pt;
	width: 100%;
	height: 100%;
	color: #444444;
	font-size: 10pt;
	font-weight: 100;
	-webkit-appearance: none;
	display: inline-block;
	border: 0;
	background: #FFFFFF;
	border-radius: 0.1em;
	border: solid 1px #E5E5E5;
	-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
    vertical-align: middle;
}

.tbl_field input[type="number"] {
	text-align: right;
	-webkit-appearance: none;
}

.tbl_field input[readonly] {
	background: #F2F5FF;
	color: #705A1D;
}

.tbl_field input:focus {
  outline: none;
}

.tbl_cell_button {
	width: 1.5em;
}

.tbl_cell_wbtn {
	display:flex;
	flex-direction:row;
	align-items: center;
}

.tbl_cell_button svg {
	width: 1em;
	height: 0.8em;
	vertical-align: middle;
	fill: currentColor;
	border: 1px;
}

/* Gallery */

.gallery {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	width: 99%;
}

.gallery_item {
	height: 361px;
	width: 226px;
	margin: 5px;
	border: 1px solid #657297;
	box-shadow: 1px 1px 3px #536a72;
}

.gallery_item:hover {
	box-shadow: 2px 4px 8px #536a72;
	cursor: pointer;
}

.gallery_item_toolbar {
	background: #657297;
	text-align: right;
}

.gallery_item_img {
	width: 226px;

}

.gallery_item_img img {
	max-width:100%;
	max-height:100%;
	min-width:100%;
	min-height:100%;
}

.gallery_item_comment {
	display: -webkit-box;
	max-width: 200px;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-block-start: 0em;
	padding: 0px 2px;
	font-size: 10pt;
}


/* Doc Log */

.doc_log_table {
	display: table;
	border: none;
	border-collapse: separate;
	position: sticky;
	font-size: x-small;
	width: 100%;
}

.doc_log_caption {
	z-index: 901;
	position: sticky;
	background-color: #E5EBFF;
	top: 2em;
}

.doc_log_row {
	box-shadow: 0px 1px 0px 0px #CED9EC inset;
	margin-top: 0px;
	cursor: default;
}
.doc_log_row:hover {
	background-color: white;
}

.doc_log_cell {
	display: table-cell;
	height: inherit;
	padding: 0px 7px;
}

.doc_log_frm {
	background-color: lightgreen;
	border: 1px solid darkseagreen;
	padding:2px 6px;
	vertical-align: middle;
}

.doc_log_tbl {
	background-color: powderblue;
	border: 1px solid cadetblue;
	padding:2px 6px;
	vertical-align: middle;
}

.doc_log_img {
	background-color: lavender;
	border: 1px solid palevioletred;
	padding:2px 6px;
	vertical-align: middle;
}

.doc_log_fle {
	background-color: blanchedalmond;
	border: 1px solid yellowgreen;
	padding:2px 6px;
	vertical-align: middle;
}


/* Main Footer */

.foot_item {
	display: inline-grid;
	font-size: x-small;
}

.foot_item label {
	color: darkslategrey;
	text-align: left;
}

.foot_item_field input[readonly] {
	color: #705A1D;
	text-align: right;
	width: 7em;
	border: none;
}

.foot_item_field label {
	margin-left: 3px;
	margin-right: 5px;
	color: white;
}

.foot_logo img {
	width: 2.3em;
	float: inline-start;
	filter: drop-shadow(3px 3px 3px #222);
	padding-top: 0.1em;
}

.foot_auction {
	display: inline;
	float: right;
	position: fixed;
	bottom: 0.5em;
	right: 0.1em;
}

.foot_auction svg {
	width: 3.5em;
	height: 3em;
	vertical-align: middle;
	filter: drop-shadow(3px 3px 3px #222);
}

.foot_alert {
	display: inline;
	float: right;
	position: fixed;
	bottom: 0.5em;
	right: 4em;
	cursor: pointer;
}

.foot_alert svg {
	width: 3.5em;
	height: 3em;
	vertical-align: middle;
	filter: drop-shadow(3px 3px 3px #222);
}

.foot_alert_count {
	position: fixed;
	right: 3.5em;
	font-size: x-large;
	color: yellow;
	bottom: 0.8em;
}


/* Calc Preview */

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

.calc_table_caption {
	display: table-row;
	font-size: small;
	color: #657297;
}

.calc_table_row {
	font-size: small;
	display: table-row;
	outline-width: 1px;
	outline-color: #FFFFFF;
	outline-style: solid;
}

.calc_table_row:hover {
	color: #FF7600;
}

.calc_table_row:nth-child(even) {
	background-color: #F2F2F2;
}

.calc_table_col1 {
	display: table-cell;
	padding: 5px;
	vertical-align: top;
	width: 40%;
}

.calc_table_col2 {
	display: inline-flex;
	flex-direction: row;
	padding: 5px;
}

.calc_table_cell_num {
	text-align: right;
	display: table-cell;
	padding-right: 5px;
	padding-left: 5px;
	width: 50pt;
}

.calc_table_cell_text {
	text-align: left;
	display: block;
	padding-right: 5px;
	padding-left: 15px;
}

.calc_table_cell_hide {
	display: table-cell;
	text-wrap: nowrap;
}

.calc_total {
	display: table;
	width: 90%;
	border: none;
	border-collapse: separate;
	font-weight: 600;
	padding-left: 14px;
    padding-bottom: 10px;
    text-align: right;
}

.calc_total_row {
	display: table-row;
	font-size: small;
}

.calc_total_col1 {
	display: table-cell;
	padding: 5px;
	vertical-align: top;
}

.calc_total_col2 {
	display: inline-flex;
	flex-direction: row;
	padding: 5px;
}

.calc_total_cell_num {
	text-align: right;
	display: table-cell;
	padding-right: 2px;
	padding-left: 2px;
	width: 50pt;
}

.calc_total_cell_text {
	text-align: left;
	display: block;
	padding-right: 2px;
	padding-left: 2px;
}


.calc_btn_insert,
.vesa_btn_save {
    margin-top: 10px;
}

.calc_btn_insert svg,
.vesa_btn_save svg {
	width: 2.5em;
	height: 2em;
	vertical-align: middle;
	fill: currentColor;
}

/* Catalog выбор модели */

/* МОДЕЛЬНЫЙ РЯД */

/* Выбор марки */

.marka_list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 99%;
}

.marka_list_item {
	height: 50px;
	width: 160px;
	margin: 5px;
	border: 1px solid #657297;
	box-shadow: 1px 1px 1px #536a72;
	display: flex;
	font-size: 10pt;
    align-items: center;
}

.marka_list_item:hover {
	box-shadow: 1px 2px 3px #536a72;
	cursor: pointer;
}

.marka_list_item img{
	width: 50px;
	height: 50px;
}

.marka_list_item_title {
	height: auto;
	margin: 5px;
}

/* Выбор модели */

.model_compl_list {
	display: inline-block;
	min-inline-size: -webkit-fill-available;
	min-inline-size: -moz-available;
}

.model_list_serie {
	margin:10;
	position: relative;
	float:left;
}

.model_list_serie::before {
	content: "Серия: ";
}

.model_list_kuzov {
	margin:10;
	position: relative;
	float:left;
}

.model_list_kuzov::before {
	content: "Кузов: ";
}

.model_list_fuel {
	margin:10;
	float:left;
}

.model_list_fuel::before {
	content: "Топливо: ";
}

.model_vin_field {
	margin:10;
	clear: both;
}

.model_vin_field label,
.model_vin_field button,
.model_vin_field input {
	display: inline-flex;
}

.model_list_grid {
	clear: left;
}

.model_list_grid table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #DDD;
	font-size: 12pt;
	background-color: #FFFFFF
}

.model_list_grid tr:nth-child(even) {
	background-color: #F2F2F2
}

.model_list_grid tr:not(:first-child):hover {
	border-top: 1pt solid #657297;
	border-bottom: 1pt solid #657297;
	cursor: pointer;
}

.model_list_grid th,
.model_list_grid td {
	white-space: nowrap;
	overflow: hidden;
	height: 2em;
	vertical-align: middle;
}

.model_list_grid_year {
	background: #B5EDFF;
	text-align: center;
}

.model_years {
	display: block;
}

.model_period {
	display: none;
}

.modal {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.modal_vin_content {
	background-color: #FEFEFE;
	margin: 5px auto;
	border: 1px solid #888;
	width: 70%;
	padding: 15px;
	font-size: 12pt;
	line-height: 1.2em;
}

.modal_compl_content {
	background-color: #FEFEFE;
	margin: 5px auto;
	border: 1px solid #888;
	width: 70%;
	padding: 15px;
	font-size: 12pt;
	line-height: 1.2em;
}

.modal_calc_content {
	background-color: #FEFEFE;
	margin: 5px auto;
	border: 1px solid #888;
	width: 80%;
	padding: 5px;
	font-size: 12pt;
	line-height: 1.2em;
}

.modal_menu_content {
	background-color: #FEFEFE;
	margin: 5px auto;
	border: 1px solid #888;
	width: 70%;
	padding: 2px;
	font-size: 12pt;
	line-height: 1.2em;
}

.modal_menu_content td{
	padding: 2px;
}

.but_close {
	right: 25px;
	top: 0;
	color: #000;
	font-size: 60px;
	font-weight: bold;
	margin-top: 5px;
	display: block;
	text-align: right;
}

.but_close:hover,
.but_close:focus {
	color: red;
	cursor: pointer;
}

.but_vin_ident {
	position: absolute;
}

.but_dialog,
.but_open_catalog {
	position: relative;
}

.but_dialog,
.but_vin_ident, 
.but_open_catalog {
	display: inline-blok;
	background: #CED9EC;
	color: #657297;
	text-align: center;
	border-radius: 0.5em;
	text-decoration: none;
	padding: 0.6em;
	font-size: 0.8em;
	border: 0;
	cursor: pointer;
	outline: 0;
	font-weight: 300;
	-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
}

.but_dialog:hover,
.but_vin_ident:hover, 
.but_open_catalog:hover {
	background: #B9C3D4;
}

.mod_info {
	float: inline-start;
	width: inherit;
}

.mod_info_period,
.mod_info_motor {
	font-weight: 400;
}

.mod_info_motor {
	float: inline-start;
}

.mod_info_finder {
	text-align: right;
}

/* Zoom Animation */
.animate {
	-webkit-animation: animatezoom 0.6s;
	animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
	from {-webkit-transform: scale(0)}
	to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
	from {transform: scale(0)}
	to {transform: scale(1)}
}


/* Catalog группа */

.catalog_help_topic {
	color: darkolivegreen;
	width: 95%;
	place-self: center;
	border: 1px solid lightsteelblue;
	padding: 5px;
	font-size: large;
	background-color: ivory;
	margin-bottom: 6px;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	top: 0px;
	position: sticky;
	z-index: 100;
	cursor: pointer;
}

.mod_info_marka {
	float: inline-start;
}

.icon-bar {
	width: 100%;
	background-color: #CED9EC;
	overflow: auto;
}

.icon-bar a {
	float: left;
	text-align: center;
	width: 8%;
	padding: 12px 0;
	transition: all 0.3s ease;
	color: white;
	font-size: 56px;
	text-decoration: none;
}

.icon-bar a:hover {
	background-color: #FF7600;
}

.active {
	background-color: #657297;
}

.grdet_top {
	display: inline-flex;
	width: 100%;
	align-items: center;
}

.grdet_name {
	font-size: 18pt;
	text-align: center;
	align-content: center;
	width: 97%;
	padding: 3px;
}

.cat_character_checkbox svg {
	width: 1.5em;
	height: 1em;
	vertical-align: text-bottom;
	fill: currentColor;
}

.cat_character_checkbox_label {
	font-size: small;
	min-inline-size: fit-content;
	padding-right: 3px;
}

/* Catalog подгруппа */

.podgr_row {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
	text-align: center;
}

.podgr_column {
	flex: 15.8%;
	padding: 0 2px;
}

.podgr_column img {
	margin-top: 2px;
	vertical-align: middle;
	width: 100%;
}

.podgr_column_select {
	border-top: 1pt solid #657297;
	border-left: 1pt solid #657297;
	border-right: 1pt solid #657297;
	border-bottom: 1pt solid #657297;
}

/* Catalog текущая подгруппа */

.curpodgr img {
	overflow:scroll;
	text-align: center;
	border-top:1pt solid #91A5A5;
	border-left:1pt solid #91A5A5;
	border-right:1pt solid #91A5A5;
	border-bottom:1pt solid #91A5A5;
}

.curpodgr table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	font-size: 12pt;
	background-color: #FFFFFF;
	line-height: normal;
}

.curpodgr th,
.curpodgr td {
	text-align: left;
}

.curpodgr tr {
	padding: 0px;
}

.curpodgr th:first-child, td:first-child {
	text-align: left;
}

.curpodgr tr:nth-child(even) {
	background-color: #F2F2F2
}

.curpodgr tr:hover {
	color: white;
	background-color: lightsteelblue;
}

.partname {
	margin-bottom: 3px;
}


/* Главная картинка с метками */
.other_show {
	padding-top: 10px;
}

.pic_show {
	margin-top: 5px;
}

.picshowover {
	overflow: overlay;
	place-items: center;
}

.coveringCanvas { 
	background-color: rgba(255,0,0,.1);
	border:1px solid #657297;
    max-block-size: -webkit-fill-available;
	width: -moz-available;
	height: -moz-available;
}

.miniCanvas { 
	background-color: rgba(255,0,0,.1);
	border:1px solid #657297;
}

/* Panel Repare*/

.repare {
	width: 90%;
	background-color: #FFF;
	margin: 0 auto;
	align: center;
	padding: 1em;
}

/* Panel Character*/

.character {
	width: 90%;
	background-color: #FFF;
	margin: 0 auto;
	align: center;
	padding: 1em;
}

.character_block {
	float: left;
	width: 50%;
}

.character_cell {
	float: left;
	width: 50%;
}

.character_cell label:hover {
	color: #fff;
	background: #657297;
}


/* Panel ImageComment*/

.imagecomment {
	width: 90%;
	background-color: #FFF;
	margin: 0 auto;
	align: center;
	padding: 1em;
	opacity: 0.9;
}

.imagecomment_main {
	display: inline-flex;
    padding-top: 5px;
}

.imagecomment_left_panel {
	padding-right: 10px;
}

.imagecomment_right_panel {
}

.imagecomment_image_show {
	height: 86vmin;
	overflow-y: auto;
}

.imagecomment_image_show img {
	width: 100%;
}

.imagecomment_left_panel fieldset{
	height: 80vmin;
	overflow-y: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: small;
	width: 20em;
}

.imagecomment_cell {
	float: left;
	width: 25%;
}

.imagecomment_text {
	width: 100%;
	font-size: large;
}

/* Menu */

.menu table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 3px solid #DDD;
	font-size: 18pt;
	background-color: #FFFFFF
}
.menu a {
	width: 100%;
	display: inline-block;
	flex-flow: row nowrap;
	cursor: pointer;
	align-items: center;
	position: relative;
	text-align: left;
	text-decoration: none;
	padding: 0px;
	border: 0;
	outline: 0;
	font-weight: 300;
	-moz-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-bottom-color 0.15s ease-in-out;
	-webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-bottom-color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-bottom-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-bottom-color 0.15s ease-in-out;
}

.menu svg {
	width: 1.5em;
	height: 1em;
	vertical-align: text-bottom;
	fill: currentColor;
}

.menuitem.alt {
  background: #2B252C;
}

.menuitem.alt:hover {
  background: #3B353C;
}

/* CalcLog */

.calclog table {
	max-width: 800pt;
	border-collapse: collapse;
	border-spacing: 0;
}

.calclog td {
	padding-left: 10px;
	padding-right: 10px;
}

.calclog tr:nth-child(even) {
	background-color: #FBFDFF;
}


/* AllPartPrices*/

.allpps_table_price {
	width: 7em;
	text-align-last: right;
	padding-right: 10px;
	color: midnightblue;
}


/* Screen Size Adaptive */

@media screen and (max-width: 600px) {
	.podgr_column {
		flex: 30%;
		max-width: 25%;
	}
	
	.character_cell {
		width: 100%;
	}
	

	/* Login Panel */

	.login_panel {
		width: auto;
	}

	.login_panel form {
		width: 100%;
	}

	.login_fields {
		width: inherit;
	}

	.login_bottom input {
		width: 3em;
	}
}

@media screen and (max-width: 900px) {
	
	body {
		font-size: 18pt;
	}
	
	.inp {
		font-size: small;
	}

	.podgr_column {
		flex: 32%;
		max-width: 32%;
	}

	.icon-bar a {
		width: 10%;
		font-size: 30px;
		font-weight: 100;
	}

	.mng_row {
		width: 99%;
	}

	.mng_col1 {
		width: 93%;
	}

	.mng_col2 {
		display: block;
		padding-left: 5px;
		padding-right: 3px;
	}

	.mng_item_row {
		box-shadow: none;
	}
	
	.mng_item_cel1 {
		display: block;
		width: 90%;
		font-size: large;
		padding: 0px;
	}

	.mng_item_cel2 {
		display: block;
		width: 90%;
		font-weight: 400;
		padding: 0px;
		font-size: 20pt;
	}

	.mng_item_cel3 {
		float: right;
		display: block;
		width: 90%;
		text-align-last: right;
		font-size: smaller;
		padding: 0px;
	}

	.mng_item_cel4 {
		display: block;
		width: 100%;
		text-align: left;
		padding: 0px;
	}

	.mng_item_cel5 {
		text-align: left;
		display: block;
		width: 90%;
		padding: 0px;
	}

	.mng_item_cel6 {
		float: right;
		display: block;
		width: 90%;
		text-align-last: right;
		font-size: smaller;
		padding: 0px;
	}

	.left_panel {
		height: auto;
		width: 99%;
		position: initial;
		overflow-x: hidden;
		text-decoration: none;
		margin-top: -8px;
	}

	.model_compl_list,
	.foot_panel {
		display: none;
	}
	
	.right_panel {
		width: 100%;
		margin-left: 0;
	}

	.frm_comment_hide {
		display: none;
	}
	
	.frm_list {
		width: 100%;
		margin-left: ;
        padding-top: 3em;
	}
	.frm_field {
		display: flex;
		width: 99%;
		font-size: 15pt;
		height: auto;
	}

	.frm_verifvalue,
	.frm_verifvalue_number,
	.tbl_verifvalue,
	.tbl_verifvalue_number {
		display: none;
	}
	
	.frm_group_top_help {
		line-height: normal;
	}
	
	.tbl_cell_num {
		display: none;
	}

	.tbl_cell {
		display: block;
	}

	.tbl_cell input::placeholder {
		opacity: 0.3;
	}

	.tbl_field {
		width: auto;
	}

	.tbl_field input {
		font-size: 15pt;
	}
	
	/* Table */
	
	.tbl_table {
		position: absolute;
		width: 98%;
		padding-top: 35px;
		margin-left: 0;
	}

	.tbl_controls {
		width: 100%;
		top: 2.8em;
		left: 0.5em;
		position: fixed;
		height: 40px;
	}

	.tbl_caption {
		display: none;
	}

	.tbl_footer {
		position: static;
	}


	
	/* Calc Preview */
	
	.calc_table_caption {
		display: block;
		width: 99%;
	}

	.calc_table_row {
		display: block;
		width: 99%;
	}
	
	.calc_table_row:nth-child(even) {
		background-color: transparent;
	}

	.calc_table_col1 {
		width: 93%;
	}

	.calc_table_col2 {
		width: 99%;
		background-color: aliceblue;
	}

	.calc_table_cell_num {
		width: inherit;
	}
	
	.calc_table_cell_text {
		width: inherit;
	}
	
	.calc_table_cell_hide {
		display: none;
	}
	
	
	/* Catalog */

	.catalog_help_topic {
		line-height: normal;
		font-size: small;
	}


	/* Files */
	
	.doc_files_foot{
		display: block;
	}
	
	.doc_files_item {
		display: block;
	}

	.doc_files_item_download {
		width: 100%;
	}

	.doc_files_item_comment {
		display: block;
		width: 100%;
		display: table-footer-group;
	}
	
	.doc_files_item_size {
		display: block;
		width: 100%;
	}
	
	.doc_files_item_date {
		display: flex
		width: 100%;
	}
	
	.doc_files_item_delete {
		display: block;
		text-align: right;
	}

	/* Catalog */

	.picshowover {
		place-items: normal;
	}
	.cat_character_checkbox_label {
		display: none;
	}

	.marka_list_item {
		width: 160px;
		font-size: x-small;
	}
	
	.modal_calc_content {
		width: 99%;
		padding: 0pt;
	}

	.modal_menu_content {
		width: 99%;
		padding: 0pt;
		margin-top: 2em;
	}
	
	.modal_vin_content {
		width: 95%;
	}

	.modal_compl_content {
		width: 95%;
	}

	.model_list_grid th,
	.model_list_grid td {
		white-space: wrap;
	}

	.model_list_grid_year {
		background: #1fe0;
		text-align: center;
	}

	.model_years {
		display: none;
	}

	.model_period {
		display: block;
		text-align: center;
	}

	.menu a {
		width: 99%;
		margin: 2pt;
	}
	
	.character {
		width: 98%;
		padding: 0pt 2pt 5pt 2pt;
	}
	
	.character label {
		font-size: 15pt;
	}

	.character_block {
		width: 100%;
		float: none;
	}

	.imagecomment {
		width: -webkit-fill-available;
		padding: 10pt;
	}
	
	.imagecomment label {
		font-size: 15pt;
	}

	.imagecomment_cell {
		width: 100%;
		float: none;
	}

	.curpodgr table {
		font-size: 18pt;
		border: 0px;
	}

	/* Buttons */
	.but {
		margin: 0.2em 0em 0.2em 0em;
	}

	.but_partsearch {
		position: absolute;
		left: 90%;
	}

	.but_partsearch svg {
		width: 2.5em;
		height: 2em;
	}

	.but_statusfilter svg {
		width: 2.5em;
		height: 2em;
	}
	
	.but_search svg {
		width: 2.5em;
		height: 2em;
	}

	.but_search_cancel svg {
		width: 2.5em;
		height: 2em;
	}

	.but_trash svg {
		width: 2.5em;
		height: 2em;
	}

	.but_monitor svg {
		width: 2.5em;
		height: 2em;
	}

	.but_options svg {
		width: 2.5em;
		height: 2em;
	}

	.but_logout svg {
		width: 2.5em;
		height: 2em;
	}

	.but_doc_new svg {
		width: 2.5em;
		height: 2em;
	}

	.but_doc_open svg {
		width: 2.5em;
		height: 2em;
	}

	.but_doc_upload svg {
		width: 2.5em;
		height: 2em;
	}

	.but_doc_trash svg {
		width: 2.5em;
		height: 2em;
	}
	
	.doc_info {
		font-size: 16pt;
	}

	.open_menu_btn {
		display: none;
		width: 100%;
		text-align: left;
	}

	.open_menu_btn svg {
		width: 3.5em;
		height: 3em;
	}

	.open_manager svg {
		width: 3.5em;
		height: 3em;
	}

	.open_verification {
		display: none;
	}

	.open_exportmenu svg {
		width: 3.5em;
		height: 3em;
	}
 
	.edit_undo svg {
		width: 3.5em;
		height: 3em;
	}

	.open_calclog svg {
		width: 3.5em;
		height: 3em;
	}

	.open_svidet svg {
		width: 3.5em;
		height: 3em;
	}

	.open_menu {
		display: block;
	}

	.open_menu svg{
		width: 3.5em;
		height: 3em;
	}

	.menu_frame {
		display: none;
		top: 60px;
		width: 98%;
	}

	.mobile_menu {
		display: flex;
	}
	
	.tbl_button svg,
	.tbl_make_calc svg {
		width: 2.5em;
		height: 2em;
		padding: 0.2em;
	}
	
	.tbl_make_calc label {
		vertical-align: super;
	}

	.tbl_make_prices,
	.tbl_make_oems,
	.tbl_make_godost {
		display: none;
	}
	
	.tbl_cell_button {
		width: 2.5em;
	}

	.tbl_cell_button svg {
		width: 2.5em;
		height: 2em;
	}

	.gallery_image_map svg,
	.gallery_image_add svg,
	.gallery_image_del svg,
	.gallery_image_delall svg,
	.gallery_image_moveup svg,
	.gallery_image_movedown svg,
	.gallery_image_movehome svg,
	.gallery_image_moveend svg {
		width: 2.5em;
		height: 2em;
	}

	.imagecomment fieldset{
		height: 80vmin;
	}

	.gallery_item {
		height: 289px;
		width: 181px;
	}

	.gallery_item_img {
		width: 181px;
	}

	.gallery_image_add_div {
		height: 144px;
		width: 181px;
	}

	.gallery_image_paste_div {
		height: 144px;
		width: 181px;
	}

	.gallery_item_comment {
		-webkit-line-clamp: 3;
		font-size: 12pt;
		line-height: 1.2em;
	}

	.calclog {
		font-size: small;
	}
	
	.calclog td {
		padding-left: 3px;
		padding-right: 3px;
	}

	/* Default */
	
	.default_item {
		width: 90%;
	}
	
	.default_vk {
		display: none;
	}
	
}

	/* HLine*/
	
.hline {
	display: flex;
	align-items: center;
	font-size: large;
	font-weight: 600;
	background-color: #E5EBF7;
	cursor: pointer;
	border-radius: 0.2em;
	margin: 5px 2px 2px 10px;
	padding: 5px 5px;
	-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
}

.hline:hover {
	background: #CED9EC;
}

.hline svg {
	width: 1.5em;
	height: 1em;
	vertical-align: middle;
	color: #E5EBF7;
}

.hline_text {
	width: 100%;
	color: slategray;
}

.hline_block {
	border-radius: 0.2em;
	border-bottom: 1px solid #E5EBF7;
	border-left: 1px solid #E5EBF7;
	border-right: 1px solid #E5EBF7;
	margin: -1px 2px 5px 10px;
	padding: 15px 5px;
	background: #FAFBFF;
}


	/* Animation Icon */

.animation_icon_catalog {
  fill: #657297;
  animation: filter-animation 2s infinite;  
}

@keyframes filter-animation {
  0% {fill: #657297; }
  33% { fill: #F92672; }
  100% { fill: #657297;  }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


	/* Hide arrows by numeric fields */
.remove-arrow::-webkit-inner-spin-button,
.remove-arrow::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
.remove-arrow {
	-moz-appearance: textfield;
}