*{ padding: 0;  margin: 0; box-sizing: border-box; }
body { color: rgb(115, 135, 156); font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.471;
}

.content {background: #F7F7F7; text-align: left; padding: 20px; font-size: 14px;}
.bottom_frame_content {background: #F7F7F7; text-align: left; font-size: 14px;}
h1 {margin: 10px 45px; padding: 0; z-index:1; position: relative;}
h2 {margin: 10px 45px; padding: 0; font-weight: normal;}
h3 {margin: 5px 45px; padding: 0; font-weight: normal;}
.bottom_frame_content h1 {margin: 10px 20px 0; padding: 0; font-weight: bold; font-size: 14px;}


a, .pseudolink {text-decoration: none; color: #26B99A; cursor: pointer; }
a:hover, .pseudolink:hover {text-decoration: underline; color: #169F85;}
a:visited, .pseudolink:visited { color: rgba(98, 64, 209, 0.94);}
a:hover>i.hover_only {visibility: visible;}
a>i.hover_only {visibility: hidden; margin-left: 5px; display: inline-block;}
a>i.fa {margin-right: 5px;}

form {padding: 20px;}
table form {padding: unset;}
.pseudobutton {
  display: inline-block;
  padding: 6px 12px;
  margin: 3px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border-radius: 3px;
  color: #fff !important;
  background: #26B99A;
  border: 1px solid #169F85;
  vertical-align: middle;
}
.pseudobutton:hover {text-decoration: none; color: #fff; background:  #169F85; }
.pseudobutton.red{  color: #fff; background: rgb(235, 23, 41); border: 1px solid  rgb(146, 10, 21); }
.pseudobutton.red:hover{background:  rgb(146, 10, 21);}

.cursor_pointer {cursor: pointer;}

label>input {  vertical-align: bottom; }
input, button {  vertical-align: middle; }
*[disabled], *[readonly]{ cursor: not-allowed;}
input:not([type='button']):not([type='submit']), select, textarea {
  margin: 3px 0;
  border-radius: 0;
  padding: 6px 6px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
}
input:not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']), select:not([size]) {
  height: 34px;
  display: inline-block;
}
input:not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']):not(.width_unset), select, textarea {
  width: 100%;
}

input:not([type='button']):not([type='submit']):not([type='radio']):not([type='checkbox']):not([type='file']):not([type='image']), select, textarea {
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#add_item {
  display: inline-block;
  padding: 6px 12px;
  margin: 3px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border-radius: 3px;
  color: #fff;
  background: #26B99A;
  border: 1px solid #169F85;
  text-decoration: none;
}

#add_item:hover {
  background:  #169F85;
}

input[type='submit'], input[type='button'], button {
  display: inline-block;
  padding: 6px 12px;
  margin: 3px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border-radius: 3px;
  color: #fff;
  background: #26B99A;
  border: 1px solid #169F85;
}
input[type='submit'][disabled], input[type='button'][disabled], button[disabled] {background:#95d5c7 !important; color: gray; border-color: gray;}
input.heg_loaded, select.heg_loaded  {background: #FFD59F !important;}

input[type='submit']:hover, input[type='button']:hover, button:hover {
  background:  #169F85;
}
textarea {padding: 7px; font-size: 14px; }

.inline_selectors>select {
  display: inline-block;
  width: auto;
}

label {
  padding-top: 7px;
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 5px;
  font-weight: bold;
  text-align: right;
  max-width: 100%;
  font-size: 13px;
  display: inline-block;
}
.export_filter label {font-weight: normal; }

fieldset { margin: 20px 20px 0 0 !important; padding: 20px; border: 1px solid rgb(115, 135, 156); background: #fff; clear: both;}
fieldset form {padding: unset;}
fieldset.float_left:not(.width_unset) {width: 500px;}
fieldset.no_legend {margin-top: 31px;}
fieldset.width_single {width: 500px;}
fieldset.width_double {width: 1020px;}
fieldset.width_triple {width: 1540px;}
fieldset.show { height: auto !important;}

fieldset.width_onequater {width: calc(25% - 20px);}
fieldset.width_threequater {width: calc(75% - 20px);}
fieldset.width_onethird {width: calc(33.33333333333% - 20px);}
fieldset.width_twothird {width: calc(66.66666666666% - 20px);}
fieldset.width_half { width: calc(50% - 20px);}
fieldset.width_full { width: calc(100% - 20px);}
.width_half{ width: calc(50% - 20px); }
.width_full { width: calc(100% - 20px); }
.box_col_flex {display: flex; flex-direction: column; margin:10px;}
.box_col_flex > p { height: 40px; }
.box_row_flex { display: flex; flex-direction: row;}
.box_row_flex.just_right { justify-content: flex-end; }
.box_row_flex.just_space { justify-content: space-between; }
.box_row_flex.just_bitspace { justify-content: space-evenly; }
.items_center { align-items: center; justify-content: center;}
.flex_width_580px { flex-basis: 580px; }
.flex_width_183px { flex-basis: 183px; }
.flex_width_100-183px { flex-basis: calc(100% - 183px); }
.flex_adjust_width { flex-grow: 10; }
.flex_wrap { flex-wrap: wrap;}
.flex_b_200px { flex-basis: 200px; }
.no_shrink { flex-shrink: 0; }
.flex_b_150px { flex-basis: 150px; }
.flex_b_100px { flex-basis: 100px; }

.group_label { width: 100%; background: #8ebe71; color: #fff; font-size: 16px; border-radius: 7px; margin: 3px; padding: 2px 10px;}
.catitem_active { border: 1px solid #3ea535; border-radius: 7px; padding: 3px 10px; }
.catitem_archive { border: 1px solid #e1c196; border-radius: 7px; padding: 3px 10px; }

.subitems_main_bg { background-image: url('images/cat_subitem_main_bg.png'); background-size: contain; height: 60px; width: 183px; color:#fff; font-size: 18px; background-repeat: no-repeat; padding: 13px 60px 14px 17px; text-align: center;}
.subitems_sub_bg { background-image: url('images/cat_subitem_sub_bg.png'); background-size: contain; height: 60px; width: 183px; font-size: 18px; background-repeat: no-repeat; padding: 13px 60px 14px 17px; text-align: center;}
.subitem_label { background-color: #c9c9c8; border: 1px solid #057c35; position: relative; color: #fff; border-radius: 7px; text-align: center; width: 125px; height: 30px; line-height: 30px; font-size: 18px; margin-right: 10px; margin-bottom: 5px;}
.subitem_label > span { background-color: red; border-radius: 50%; position: absolute; right: -8px; top:6px; line-height: 15px;  font-size: 17px; font-weight: bold; width: 17px; height: 17px; cursor: pointer;}
.subitem_add_new { padding-top: 7px; }
.subitem_add_new > label { height: 34px; line-height: 27px;}
.subitem_add_new > input { width: 160px !important;}
.subitem_add_new > button { height: 34px;}
.subitems_list { padding-top: 7px;}

.substitution_item_bg { background-image: url('images/cat_subtitution_item_bg.png'); background-repeat: no-repeat; position: relative; height: 45px; width: 115px; color: #fff; text-align: center; font-size: 18px; margin-right: 20px; margin-bottom: 5px; background-size: contain; padding-top: 6px; }
.substitution_item_bg > span { background-color: red; border-radius: 50%; position: absolute; right: -8px; top:9px; line-height: 15px;  font-size: 17px; font-weight: bold; width: 17px; height: 17px; cursor: pointer;}

.variant_label { background-color: #c9c9c8; position: relative; color: #fff; border-radius: 7px; text-align: center; width: 125px; height: 30px; line-height: 30px; font-size: 18px; margin-right: 10px; margin-top: 10px; }
.variant_label > span { background-color: red; border-radius: 50%; position: absolute; right: -8px; top:6px; line-height: 15px;  font-size: 17px; font-weight: bold; width: 17px; height: 17px; cursor: pointer;}
.variant_illustration_img { justify-content: flex-end; }
.variant_illustration_img > img { width: 300px; object-fit: scale-down;}

.attach_list > div > div { margin: 3px; display: flex; justify-content: center; align-items: center;}
.attach_list > div .attach_icon > img { width: 30px; object-fit: scale-down; }
.attach_list > div .attach_icon { width: 8%; }
.attach_list > div .attach_file { width: 60%; }
.attach_list > div .attach_lang { width: 15%; }
.attach_list > div .attach_inputLang { width: 7%; }
.attach_list > div .attach_inputLang > input {padding: 0 2px;}
.attach_list > div .attach_button { width: 10%; }

.atts_ref_label { background-color: #c9c9c8; position: relative; color: #fff; border-radius: 7px; text-align: center; width: 125px; height: 30px; line-height: 30px; font-size: 18px; margin-right: 10px; margin-top: 10px; }
.atts_ref_label > span { background-color: red; border-radius: 50%; position: absolute; right: -8px; top:6px; line-height: 15px;  font-size: 17px; font-weight: bold; width: 17px; height: 17px; cursor: pointer;}

.box_lang_flag { padding-top: 5px;}
.box_lang_flag > img { height: 30px;border-radius: 7px;object-fit: scale-down;}
div.with_header {position: relative;outline: 1px solid #97a6b5; outline-offset: -1px; padding-bottom: 5px;}
div.with_header > div.box_header {position: absolute; top: -22px; font-size: 17px; text-align: center;width: 100%;background:#dee9ec; color: #71879b; border-radius: 10px 10px 0 0;}

.fillParentBox { margin: 0 !important; width: 100%; height: auto;}
.round_border { border-radius: 50%;}

.attach_box { width: 33%; margin: 0 5px;}

.specs_table > div:nth-child(1) { width: 66px; display: flex; justify-content: center; align-items: center; }
.specs_table > div:nth-child(2) { width: calc(25% - 33px); }
.specs_table > div:nth-child(3) { width: calc(25% - 33px); }
.specs_table > div:nth-child(4) { width: 66px; }
.specs_table > div:nth-child(5) { width: calc(25% - 33px); }
.specs_table > div:nth-child(6) { width: calc(25% - 33px); }

#infotable-Other .specs_table > div:nth-child(1) { width: 66px; display: flex; justify-content: center; align-items: center; }
#infotable-Other .specs_table > div:nth-child(2) { width: calc(26% - 33px); }
#infotable-Other .specs_table > div:nth-child(3) { width: calc(26% - 33px);; }
#infotable-Other .specs_table > div:nth-child(4) { width: 66px; }
#infotable-Other .specs_table > div:nth-child(5) { width: calc(12% - 33px); }
#infotable-Other .specs_table > div:nth-child(6) { width: calc(12% - 33px); }
#infotable-Other .specs_table > div:nth-child(7) { width: 66px; }
#infotable-Other .specs_table > div:nth-child(8) { width: calc(12% - 33px); }
#infotable-Other .specs_table > div:nth-child(9) { width: calc(12% - 33px); }

.specs_table input.big_input { /*max-width: 200px;*/ width: 95%; }
.specs_table input.small_input { /*max-width: 100px;*/ width: 95%; }
.specs_table > div > a { width: 25px; height: 25px; }
.specs_table > div > a > img { width: 100%; object-fit: scale-down;}

.deleteCheckboxLabel { display: inline-block; padding: 6px 4px; margin: 3px 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; cursor: pointer; border-radius: 3px; color: #fff; background: #26B99A; border: 1px solid #169F85; }
.deleteCheckboxLabel > input { display: none; }
.deleteCheckboxLabel.checked { background: red !important;}
.deleteCheckboxLabel.unchecked { background: #26B99A;}

.controls_bar{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.controls_bar input { margin-left: 50px !important; width: 200px; }
.controls_bar button { margin: 0 5px !important; }

.whisperer_box { position: absolute; z-index: 10; display: none; width: 400px; height: auto; background: #ffffff; color: #555; bottom: unset; max-height: 500px; overflow-y: auto;padding: 3px;border: 2px solid #cccccc;}
.whisperer_box > li { height: 60px; list-style: none; width: 100%;margin-bottom: 5px;}
.whisperer_box > li > div { width: 100%; height: 100%; cursor: pointer; background: #d7dee4; border: 2px solid #73879c; border-radius: 5px;}
.whisperer_box > li p {height: 60px;padding: 3px 5px;overflow: hidden;}
.whisperer_box img { height: 100%; max-width: 80px; object-fit: scale-down; float: right;}
.whisperer_box > li > div:hover {border-color: #26b99a; background: #f0f2f5;}

.spareparts_cat_label { padding: 7px 10px 3px; border-bottom: 1px solid #c3ccd5;}

fieldset>div.toolbar {position: absolute; top: -3px; right: 20px;}
fieldset>div.bottom_toolbar {text-align: right;}
fieldset>div.toolbar button, fieldset>div.bottom_toolbar button {display: inline-block; border-radius: 5px;  border: 1px solid rgb(115, 135, 156); padding: 2px 20px; margin: 0 5px; }
fieldset>div.bottom_toolbar button {margin: 5px 0 0 5px; }
fieldset>table {width: 100%;}
fieldset>table:not(.export_filter) td:first-child:not(.width_unset) {width: 125px; text-align: right;}
fieldset>table:not(.export_filter) td:last-child {width: unset; text-align: left;}

legend { margin: 5px; padding: 0 20px; font-weight: bold; font-size: 15px; background:  rgb(115, 135, 156); border-radius: 3px; color: #fff; }
legend img { vertical-align: middle;}

.activity_switch {line-height: 32px}
.activity_switch a { display: inline-block; width: 50px; height: 30px; border-radius: 15px; vertical-align: bottom; background: red; }
.activity_switch a span { display: block; height: 24px; width: 24px; border-radius: 15px; margin: 3px; background: white; }
.activity_switch a.active { background: green; padding-left:20px; }
.activity_switch a.inactive { background: red; }

.id_tag {display: inline-block; text-align: center; margin: 2px; padding: 2px 15px 2px 5px; width: 100px; min-height: 20px; color: white; background: #8FAE83; border-radius: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.id_tag.main_id { padding: 2px 5px; background: green; }
.id_tag .id_tag_cross {position: absolute; top: 0; right: 0; color: white; cursor: pointer; background: red; border-radius: 50%; padding: 3px 4px;}

.id_tag_full {background: #E9E9E9; border-bottom: 1px solid white; padding: 3px 2px;}
.id_tag_full.main_id {background: #f9f9f9; border-bottom: none;margin-bottom: 15px;}

.id_tag_full img {background: white;}
.id_tag_full .id_tag {vertical-align: middle;}
.id_tag_full .id_tag_full_cross {position: absolute; top: 0; right: 0; color: white; cursor: pointer; background: red; border-radius: 50%; padding: 3px 4px;}

.description_row >p>img {margin-top: 13px;}



/**************************************************************************************
*****                                                                             *****
*****                               NAVIGACE                                      *****
*****                                                                             *****
**************************************************************************************/


.side_navigation{max-width: 230px; text-align: center; padding: 10px 0;}
.side_navigation.devel_status1{background: darkred}
.side_navigation.devel_status2{background:rgb(42, 63, 84); }
.side_navigation ul{text-align: left; padding-left: 0; margin-bottom: 0; list-style: none;}
.side_navigation li{display: block; cursor: pointer;}
.side_navigation a {color: #E7E7E7; text-decoration: none;}
.side_navigation span{float: right; margin-top: 5px; font-size: 10px; min-width: inherit;}
.side_navigation>p {margin: 10px 0; }
.side_navigation .fa_icon {width: 20px; opacity: .99; display: inline-block; font-style: normal; font-size: 15px;}
.side_navigation>ul>li.active{border-right: 5px solid #1ABB9C;}
.side_navigation>ul>li>div {display: block; position: relative; color: #E7E7E7; text-shadow: rgba(0,0,0,.25) 0 -1px 0; background: linear-gradient(#334556,#2C4257),#2A3F54; box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0; margin-bottom: 1px; padding: 13px 10px 12px; font-weight: 500; z-index:1; }
.side_navigation.devel_status1>ul>li>div {color: red;}
.side_navigation>ul>li>ul{display: none; background: rgb(42, 63, 84);}
.side_navigation>ul>li.active>ul{ display: block;}
.side_navigation>ul>li.active>div>span.fa-chevron-up{ display: block;}
.side_navigation>ul>li.active>div>span.fa-chevron-down{ display: none;}
.side_navigation>ul>li.inactive>div>span.fa-chevron-up{ display: none;}
.side_navigation>ul>li.inactive>div>span.fa-chevron-down{ display: block;}
.side_navigation>ul>li>ul>li{ padding-left: 26px; display: block; position: relative; }
.side_navigation>ul>li>ul>li:before{ background: #425668; bottom: auto; content: ""; height: 8px; left: 13px; margin-top: 13px;  position: absolute; right: auto; width: 8px; z-index: 1; border-radius: 50%;}
.side_navigation.devel_status1>ul>li>ul>li:before{ background: red;}
.side_navigation>ul>li>ul>li:after{ border-left: 1px solid #425668; bottom: 0; content: ""; left: 17px; position: absolute; top: 0;}
.side_navigation.devel_status1>ul>li>ul>li:after{ border-left: 1px solid red;}
.side_navigation>ul>li:last-child>ul>li:last-child:after{ border-bottom: 40px solid rgb(42, 63, 84);}
.side_navigation>ul>li>ul>li>a, .side_navigation>ul>li>ul>li>p{ display: block; color: rgba(255,255,255,.75); font-size: 12px; padding: 9px; margin: 0;}
.side_navigation.devel_status1>ul>li>ul>li>a, .side_navigation.devel_status1>ul>li>ul>li>p{ color: red;}
.side_navigation>ul>li>ul>li:hover{ background: rgba(255,255,255,.05); }
.side_navigation>ul>li>ul>li:hover a{ color: #fff;}

.side_navigation>ul.infobox>li.active{border-right: none;}
.side_navigation>ul.infobox>li>ul>li:hover{ background: inherit; }
.side_navigation>ul.infobox li{ cursor: inherit;}
.side_navigation>ul.infobox>li>ul>li{ padding-left: 0; }
.side_navigation>ul.infobox>li>ul>li>a, .side_navigation>ul.infobox>li>ul>li>p{ padding: 3px 9px; color: inherit;}
.side_navigation>ul.infobox>li>ul>li>a span, .side_navigation>ul.infobox>li>ul>li>p span{font-size: 14px; font-weight: bold; margin-top: 0;}
.side_navigation>ul.infobox>li>ul>li.highlighted>a, .side_navigation>ul.infobox>li>ul>li.highlighted>p{ color: rgba(255,255,255,.75);}
.side_navigation>ul.infobox>li>ul>li:before{ position: inherit; height: inherit; width: inherit; margin-top: 0; border-radius: 0%;}
.side_navigation>ul.infobox>li>ul>li:after{ border-left: none; position: inherit;}
.side_navigation>ul.infobox{ margin: 30px auto; }


/**************************************************************************************
*****                                                                             *****
*****                                 TABLES                                      *****
*****                                                                             *****
**************************************************************************************/


table {
  font-size: unset;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}


table tbody tr.inactive_row, .inactive_item > .item-inner {background:#ffe8e8; }
table tbody tr.darken_row {background:#cecece; }
table tbody tr.highlighted_row {background:rgb(250, 225, 140); }


.basic_table{ border: 1px solid rgba(221,221,221,.78);}
.basic_table thead, .basic_table tfoot { background: rgba(52,73,94,.94); color: #ECF0F1; }
.basic_table thead>tr>th:not(.center):not(.right), .basic_table tfoot>tr>th:not(.center):not(.right)  { text-align: left; }
.basic_table thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd; font-size: 13px; }
.basic_table>tbody>tr>td, .basic_table>tbody>tr>th, .basic_table>tfoot>tr>td, .basic_table>tfoot>tr>th, .basic_table>thead>tr>td, .basic_table>thead>tr>th {
  padding: 8px; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #ddd;
}
.striped_table>tbody>tr:nth-of-type(odd):not(.inactive_row):not(.highlighted_row){background-color: #f9f9f9;}

.basic_table:not(.no_hover)>tbody>tr:hover, .striped_table:not(.no_hover)>tbody>tr:nth-of-type(odd):not(.inactive_row):not(.highlighted_row):hover{ background-color: #eaf4f2;}

.no_border {border: none; }
.no_border thead>tr>th { border: none; }
.no_border>tbody>tr>td, .no_border>tbody>tr>th, .no_border>tfoot>tr>td, .no_border>tfoot>tr>th, .no_border>thead>tr>td, .no_border>thead>tr>th {border: none;}

/* cannot be used with .striped_table */
.cross_sel_table > tbody > tr > td {border-right: 1px solid #ddd; }
.cross_sel_table > tbody > tr > td:hover { background-color: #abd3cb !important; }
.cross_sel_table col.col_highlight { background-color: #eaf4f2 !important; }
#header-fixed { position: fixed; top: 0px; display:none; /*table-layout: fixed;*/ z-index: 10;}
/*.cross_sel_table > tbody { display: block; overflow: auto; width: 100%; height: 900px;}
.cross_sel_table > tbody > tr { display: table; width: 100%; table-layout: fixed;}*/

#adressbookData_tbl {width: auto;}
#adressbookData_tbl td {vertical-align: top; }
#adressbookData_tbl table tr td { padding: 2px 5px; vertical-align: top }
#adressbookData_tbl table tr td:first-child {width: 35%; text-align: right; font-weight: bold;}

/**************************************************************************************
*****                                                                             *****
*****                                 FORMS                                       *****
*****                                                                             *****
**************************************************************************************/
.image_radio {padding: 0; margin: 0; vertical-align: middle; cursor: pointer;}
.image_radio img {padding: 1px; border: 2px solid transparent;}
.image_radio:hover img { border: 3px solid rgb(233, 211, 19);}
.image_radio input[type='radio']{ display: none }
.image_radio input[type=radio]:checked + img {border: 5px solid rgb(233, 211, 19);}
.image_radio_rounded img {border-radius: 50%; }
.image_radio.size1 img{ width: 50px; }
.image_radio.size2 img{ width: 150px; }

.image_radio img.refs_img_radio {width: 25px; height: 25px; border-radius: unset; border: 1px solid;}
.image_radio img.refs_img_radio:hover { border: 3px solid;}
.image_radio input[type=radio]:checked + img.refs_img_radio {border: 5px solid ;}
.refs_active_flag { margin: auto 5px; vertical-align: bottom; padding: 1px; border: 1px solid; }

.cart_priv_adm_div {padding: 8px;border: 2px red solid;background: #e6e6e6;border-radius: 4px; border-radius: unset; margin: 10px 0;}

/**************************************************************************************
*****                                                                             *****
*****                                 OBECNE                                      *****
*****                                                                             *****
**************************************************************************************/

.font20 {font-size:20px;}
.font75 {font-size:75px;}

.bold {font-weight: bold; }
.not_bold {font-weight: normal;}
.italic {font-style: italic;}

.fixed_top { position: fixed; top: 0px; table-layout: fixed; width: 100%; background: #F7F7F7; padding: 5px 0;}
.sticky_top { position: sticky; top: 40px; z-index: 1; background: #F7F7F7; padding: 5px 0; }

.relative {position: relative;}
.absolute_top_left {position: absolute; top:0; left:0;}

.float_left {float: left; }
.float_right {float: right;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.clear_none {clear: none;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.text-align-unset {text-align: unset;}
.text-align-center { text-align: center;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}


.margin_auto {margin: auto;}
.margin10 {margin: 10px;}
.margin20 {margin: 20px;}
.margin0_20 {margin: 0 20px;}
.margin0_35 {margin: 0 35px;}
.margin0_5 {margin: 0 5px;}
.margin40 {margin: 40px;}
.margin3 {margin: 3px;}
.margin5 {margin: 5px;}
.margin3_10 {margin: 3px 10px;}
.margin3_10i {margin: 3px 10px !important;}
.margin_right15 {margin-right: 15px;}
.margin_top15 {margin-top: 15px;}
.margin_side_15 { margin: 0 15px;}
.margin_bottom_30 {margin-bottom: 30px;}
.margin_top_60 { margin-top: 60px !important; }

.background_container {background: #fff;}
.padding0 { padding: 0px !important;}
.padding5 {padding: 5px;}
.padding0_10 {padding: 0 10px;}
.padding5_10 {padding: 5px 10px;}
.padding10 {padding: 10px;}
.padding10_top { padding-top: 10px; }
.padding20_container {padding: 20px;}
.padding40_container {padding: 40px;}
.padding20_left {padding-left: 20px;}

.width_unset {width: unset;}
.width_auto {width: auto !important;}
.width_1perc {width: 1%; }
.width_3perc {width: 3%; }
.width_10perc {width: 10%; }
.width_20perc {width: 20%; }
.width_25perc {width: 25%; }
.width_32perc {width: 32%; }
.width_35perc {width: 35%; }
.width_40perc {width: 40%; }
.width_45perc {width: 45%; }
.width_48perc {width: 48%; }
.width_49perc {width: 49%; }
.width_50perc {width: 50%; }
.width_55perc {width: 55%; }
.width_60perc {width: 60%; }
.width_62perc {width: 62%; }
.width_65perc {width: 65%; }
.width_70perc {width: 70%; }
.width_90perc {width: 90%; }
.width_97perc {width: 97%; }
.width_100perc {width: 100%; }
.width_25px {width: 25px; }
.width_40px {width: 40px !important; }
.width_50px {width: 50px; }
.width_60px {width: 60px; }
.width_70px {width: 70px !important; }
.width_75px {width: 75px; }
.width_100px {width: 100px; }
.width_105px {width: 105px; }
.width_150px {width: 150px; }
.width_200px {width: 200px; }
.width_300px {width: 300px; }
.width_340px {width: 340px; }
.width_430px {width: 430px; }
.width_480px {width: 480px; }
.width_490px {width: 490px; }
.width_500px {width: 500px; }
.width_512px {width: 512px; }
.width_547px {width: 547px; }
.width_620px {width: 620px; }
.width_690px {width: 690px; }
.width_970px {width: 970px; }
.width_1000px {width: 1000px; }

.max_width_150px {max-width: 150px;}
.max_width_100px { width: 20%; max-width: 100px;}
.max_width_50px {max-width: 50px; }
.max_height_50px {max-height: 50px;}
.max_height_280px {max-height: 280px; }

.scroll_75px {overflow-y: scroll; max-height: 75px; }

.highlight {color:#FF0033;}
.red {color: #FF4040;}
.green {  color: #26B99A;}
.relative { position: relative;}


.block {display: block !important; }
.inline-block {display: inline-block !important; }
.display_none {display: none;}

.basic_dotted { border: dotted 1px rgb(115, 135, 156); }

.mainbox_imglist, #refImg_imList, .mainbox_videolist{ list-style-type: none; padding: 0; }
.mainbox_imglist li, #refImg_imList li, .mainbox_videolist li{ float: left; display: block; border: dotted 1px rgb(115, 135, 156); padding: 5px; margin: 0 5px 5px 5px; }
#mainBoxImgsFInputs, #multiRefFinputs {clear: both; padding-top: 20px; }
#mainBoxImgsFInputs input, #multiRefFinputs input{ width: auto; margin: 3px 0 0 0;}
#mainBoxImgsFInputs a>i, #multiRefFinputs a>i { vertical-align: middle; font-size: 20; margin-top: 5px; margin-right: 0; color: #FF4040; cursor: pointer; }
#mainBoxImgsFInputs a>i.green, #multiRefFinputs a>i.green { color: #26B99A; }
.video-edit-box { display:flex; flex-direction: column; height: 100%; justify-content: space-evenly;}

tbody tr td div {
  display: flex;
  width: 100%;
  justify-content: center;
}

thead th div {
  display: flex;
  justify-content: center;
}


.att_form_label_row, .att_form_fields_row{
  display: table;
  width: 100%;
}
.att_form_label_row > span, .att_form_fields_row > span{
  display: table-cell;
  width: 100px;
}

.att_form_label_row > span:first-child, .att_form_fields_row > span:first-child{
  width: auto;
}

.att_form_fields_row input[type=file]{
  width:95%;
}

.att_form_fields_row input[type=text]{
  width: 6em;
}

.errList{border: 2px solid red; background-color: #ff9d9d; padding: 10px; list-style: none;}

.tooltip_body { position: relative; cursor: help;}
.tooltip_body > span {z-index: 1;}
.tooltip_body:hover .tooltip, .tooltip_body:hover .tooltip_ref { display: block; visibility: visible; opacity: 1; }
.tooltip { position: absolute; background: white; transition: 0.2s ease; display: none; visibility: hidden; opacity: 0;padding: 5px;left: 355px;border: 1px solid;width: auto;border-radius: 0 5px 5px 5px;max-width: 200px;height: auto;top: 0;}
.tooltip:before { position: absolute; content: ""; border-top: 1px solid;top: -1px;background:rgba(255,255,255,0.5);z-index: 0;width: 330px;left: -331px;height: 25px; }
.tooltip_ref { position: absolute; background: white; transition: 0.2s ease; display: none; visibility: hidden; opacity: 0;padding: 5px;border: 1px solid;width: auto;bottom: 28px;left: 10px;border-radius: 5px;height: auto; }
/**************************************************************************************
*****                                                                             *****
*****                                 images                                      *****
*****                                                                             *****
**************************************************************************************/

.item_images {  position: relative;}
.item_images .second_legend { position: absolute;top: -52px;width: -moz-max-content; width: max-content;left: 0;}

.item_images .exist{

    }

 .exist img { margin: 5px;}
 .exist .preview_input { display: none !important; }

.item_images .notexist{

    }
 .notexist img { display: none !important; }
 .notexist .preview_delete_input { display: none !important; }

 .preview_item {
        width: 100%;
        height: 147px;
        display: flex;
    }
.preview_item_bg {width: 100%; height: 185px;margin-top: 3px; border: 1px solid #bfbfbf; position: relative; z-index: 0;}
.snapshot_item { position: relative; }

.preview_item img { width: 200px; height: 127px; object-fit: scale-down; margin: 10px auto;}
.add_photo_button, .add_video_button {width: 245px;  height: 230px; text-align: center; padding: 78px; margin: 0 5px 5px 5px;border: dotted 1px rgb(115, 135, 156);}

.item_images .mainbox_imglist, .item_images .mainbox_videolist {display: flex; flex-wrap: wrap; padding: 7px;}
.item_images .mainbox_imglist > li, .item_images .mainbox_videolist > li {width: 245px;height: 230px;cursor: grab; text-align: center;}
.preview_item_bg .preview_item_format{ color: red;position: absolute;padding: 5px; text-align: center; display: none;width: 240px;bottom: -25px;}
.preview_item_bg .show { display: block;}


.image_item_cmp .exist .image_input { display: none !important; }
.image_item_cmp .notexist .image_delete_input { display: none !important; }
.image_item_cmp .image_item img { max-width: 300px;}
.image_item_cmp .image_item_format {color: red;display: none;width: 240px;position: absolute;bottom: 0;}
.image_item_cmp .show { display: block;}


/*spareparts*/
.catid_manual_whisp { position: absolute; z-index: 10; display: none; width: 400px; height: auto; background: #ffffff; color: #555; bottom: 36px; max-height: 500px; overflow-y: auto;padding: 3px;border: 2px solid #cccccc;}
.catid_manual_whisp > li { height: 60px; list-style: none; width: 100%;margin-bottom: 5px;}
.catid_manual_whisp > li > div { width: 100%; height: 100%; cursor: pointer; background: #d7dee4; border: 2px solid #73879c; border-radius: 5px;}
.catid_manual_whisp > li p {height: 60px;padding: 3px 5px;overflow: hidden;}
.catid_manual_whisp img { height: 100%; max-width: 80px; object-fit: scale-down; float: right;}
.catid_manual_whisp > li > div:hover {border-color: #26b99a; background: #f0f2f5;}

fieldset .catid_manual_whisp { bottom: 72px;}
.popup fieldset .catid_manual_whisp {bottom: unset;}
.new_sp_list fieldset .catid_manual_whisp {bottom: unset;}

.sp_img_block { border: 2px dotted rgb(115, 135, 156);}
.sp_img_block tr:first-child td {height: 200px; text-align: center;  }
.sp_img_block tr:first-child td div {padding: 10px 5px; }
.sp_img_block tr:first-child td img {width: 100%;}



#spl_results { display:none; height: auto; max-height: 600px; overflow-y: auto;border: 1px solid;position: absolute;background: white;font-size: 17px; z-index:2;}
#spl_results > li { list-style: none; width: 100%; margin-bottom: 1px; cursor: pointer;}
#spl_results > li:hover { background: #26b99a; color:white;}
/* */
.popup {display: none; position: fixed; padding: 0; left: 50%; top: 25%; margin-left: -345px; z-index: 20;  }
.popup:after { position: fixed; content: ""; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); z-index: -2; }
.popup:before { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; background: #FFF; z-index: -1; }
.popup .popup_close {position: absolute; right: -20px; top: -20px; border: 3px solid rgb(115, 135, 156);  border-radius: 50%; color: rgb(115, 135, 156); text-align: center; background: white; width: 40px; height: 40px; line-height: 40px; font-size: 34px; padding: 0 3px; cursor: pointer;}

.flag_selector {display: flex; flex-wrap: wrap;}
.flag_selector > input { display: none;}
.flag_selector > label { cursor: pointer; transition: 0.1s ease; padding: 6px;margin: 3px;border-radius: 4px;flex-basis: 35px; text-align: center; height: 28px; }
.flag_selector > label:hover { transform: scale(1.25); }
.flag_selector input:checked + label { transform: scale(1.25);border: 3px black solid; }

.subitem_label {
  cursor: grab;
}

.subitem_label:active {
  cursor: grabbing;
}

#hover-subitem {
  position: fixed;
  background: #fff;
  border: 1px solid #ccc;
  padding: 3px;
  pointer-events: none;
}

.mceStatusbar div {
    display: none !important;
}

.mce-tall {
  min-height: 300px
}

#whisper {
  background: #fff;
  border: 1px solid #ccc;
  padding: 3px;
  width: 204px;
  padding: 3px;
}

#whisper > #whisper_list {
  list-style-type: none;
}

#whisper > #whisper_list > li > div {
  flex-direction: row-reverse;
  position: relative;
  display: flex;
  width: 100%;
  height: 40px;
  color: #00983D;
  text-decoration: none;
}

#whisper > #whisper_list > li > div > div {
  flex-direction: row-reverse;
  cursor: pointer;
  display: inline-flex;
  width: 100%;
  text-decoration: none;
  color: #00983D;
}

#whisper > #whisper_list > li > div > div > .item-icon {
  margin-left: 5px;
  height: 40px;
  object-fit: scale-down;
  max-width: 50%;
  border-radius: 5px;
}

#whisper > #whisper_list > li > div > div > p {
  padding: 11px 20px 0 5px;
  background: url(images/aside-menuitem-insidearrow-right.png) no-repeat right center, linear-gradient(0deg, #e6e6e6, #f5f5f5);
  height: 40px;
  width: 140px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

#dragable-modal {
  position: absolute;
  z-index: 100;
  width: 500px;
  min-height: 200px;
  height: fit-content;
  background: #fff;
  border: solid 1px black;
}

#dragable-modal-header {
  background: #ccc;
  cursor: move;
  border-bottom: 1px black;
}

#dragable-modal-header button {
  margin-right: 2px;
}

#dragable-modal-body {
  font-size: 20px;
}

.text-end {
  text-align: end;
}