html,
body {
  margin: 0px;
  padding: 0px;
  background: #fff;
  position: relative;
  height: 100%;
  font-family: Calibri;
}

a:hover {
  text-decoration: none;
}

#all {
  text-align: left;
}

h2 {
  font-size: 1.5em !important;
  margin: 4px !important;
}

#wrapper {
  height: auto !important;
  margin: 0 auto -25px;
  min-height: 100%;
  width: 100%;
}

.right {
  text-align: right;
}

.dateFrom,
.dateTo {
  width: 100px;
  text-align: right;
}

.tc_color {
  background: #f2f9ff !important;
}

.th_color {
  background: #f1ffbd !important;
}

.cy_color {
  background: #fff1f1 !important;
}

.head {
  display: block;
  min-height: 32px;
  background: #dd4814;
  padding: 0px;
  position: relative;
  box-shadow: 0 0 5px 5px #cbcbcb;
  z-index: 2;
  /*background-image: url('/img/icons/snowflake.png'), url('/img/icons/snowflake2.png'), url('/img/icons/snowflake3.png');*/
  /*-webkit-animation: snow 20s linear infinite;*/
  /*-moz-animation: snow 20s linear infinite;*/
  /*-ms-animation: snow 20s linear infinite;*/
  /*animation: snow 20s linear infinite;*/
}

.head a {
  color: white;
}

.head .ratio_holder {
  font-size: 18px;
  color: white;
  opacity: 0.8;
  font-weight: bold;
  line-height: 0px;
  margin-left: 15px;
}

.head .ratio_holder sup {
  font-size: 13px;
  color: white;
  line-height: 0px;
  background: white;
  border-radius: 2px;
  padding: 0 1px;
}

.head .ratio_holder sup.red {
  color: red;
}

.head .ratio_holder sup.green {
  color: green;
}

.head .main_site_link {
  font-size: 24px;
  font-weight: bold;
  color: #efddba;
  text-decoration: none;
  -webkit-font-smoothing: subpixel-antialiased;
  margin-left: 8px;
  margin-right: 15px;
  line-height: 0px;
}

.head .main_site_link span {
  color: #fdd94f;
}

.niceField .search_gif {
  background-image: url(/img/icons/load_round.gif);
  min-width: 16px;
  min-height: 16px;
  display: inline-block;
}

.head div {
  padding: 3px;
}

.head .left {
  float: left;
}

.head .user_bar {
  /*position: absolute;
		top: 6px;
		right: 5px;*/
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  float: right;
  padding-left: 5px;
  padding-right: 5px;
}

.head .user_bar a.logout {
  text-decoration: none;
  display: inline-block;
  width: 38px;
}

.head .info_bar {
  /*position: absolute;
		top: 6px;
		right: 75px;*/
  display: inline-block;
  color: white;
  float: right;
}

.head .info_bar .week_type {
  display: inline-block;
}

.head .info_bar .week_type span {
  background: white;
  border-radius: 2px;
  padding: 0px 5px;
}

.head .info_bar .shop_main_change {
  display: inline-block;
}

.head .search_bar {
  display: inline-block;
  margin-left: 50px;
}

.head .search_bar #serchInApGlobalStart,
.head .search_bar #serchInSeoGlobalStart {
  display: inline-block;
  padding: 2px 7px;
  text-align: center;
  background-color: white;
  height: 20px;
  cursor: pointer;
  border-radius: 2px;
  margin-left: 1px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.head .search_bar #serchInApGlobalStart:hover,
.head .search_bar #serchInSeoGlobalStart:hover {
  background-color: white;
  font-weight: bold;
}

.head .search_bar .search_box {
  background: white;
  padding: 0 5px;
  border-radius: 2px;
  width: 450px;
  display: inline-block;
  position: relative;
}

.head .search_bar .search_box .search-ico {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  display: inline-block;
}

.head .search_bar .search_box #serchInApGlobal {
  margin-left: 25px;
  font-size: 16px;
  color: #212121;
  box-sizing: border-box;
  height: 24px;
  width: calc(100% - 110px);
  font-weight: 400;
  outline: none;
  background: transparent;
  border: 1px solid transparent;
}

.head .runningLine {
  background: #ab2c00;
  color: white;
}

.head .runningLine .pink {
  color: #ff8080;
  font-weight: bold;
}

.head .runningLine .green {
  color: #00da12;
}

.head .runningLine ul {
  padding: 0;
  margin: 0;
}

.head .runningLine ul li {
  display: inline-block;
  margin-right: 15px;
  list-style-type: square;
}

.text_right {
  text-align: right;
}

.invisible {
  visibility: hidden;
}

#container {
  position: relative;
  display: block;
  background: #fff;
  border-left: solid 300px #fafaf7;
  padding-bottom: 25px;
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

#inner {
  display: block;
  position: relative;
  margin-left: -300px;
  /*padding:1px;*/
}

#left {
  float: left;
  position: relative;
  width: 300px;
  left: 0px;
}

#toggle_left_menu {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  padding: 2px 3px;
  font-weight: bold;
}

#toggle_left_menu:hover {
  background: #dd4814;
  border-radius: 2px;
  color: white;
}

.sim_link {
  cursor: pointer;
  color: #0000ff;
}

#center {
  padding-left: 5px;
  padding-top: 5px;
  margin-left: 300px;
  position: relative;
  display: block;
  height: 1%;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}

.foot {
  display: block;
  background: #dd4814;
  bottom: 0;
  height: 20px;
  margin: 0 auto;
  max-height: 20px;
  min-height: 20px;
  padding: 0px 0px 5px;
  position: relative;
  text-align: center;
  vertical-align: bottom;
  /*	background-image: url('/img/icons/snowflake.png'), url('/img/icons/snowflake2.png'), url('/img/icons/snowflake3.png');
	-webkit-animation: snow 20s linear infinite;
	-moz-animation: snow 20s linear infinite;
	-ms-animation: snow 20s linear infinite;
	animation: snow 20s linear infinite;*/
}

span.ordered {
  display: inline-block;
  background-image: url(/img/icons/down.png);
  width: 16px;
  height: 16px;
}

span.ordered.desc {
  background-image: url(/img/icons/up.png);
}

span.trash {
  display: inline-block;
  background-image: url(/img/icons/trash.png);
  width: 16px;
  height: 16px;
}

span.trash.small_font {
  background-repeat: round;
  width: 14px;
  height: 14px;
}

ul.catalog li,
ul.breadcrumb li,
ul.model_history_vendor li,
ul.menu_manager li,
ul.menu_user li,
ul.menu_admin li,
ul.menu_purchasing_agents li,
ul.item_img li {
  list-style-type: none;
  vertical-align: top;
}

ul.item_img,
ul.menu_manager,
ul.menu_user,
ul.menu_purchasing_agents,
ul.menu_admin {
  padding: 0;
  margin: 0;
}

ul.item_img li {
  display: inline-block;
  position: relative;
  min-width: 120px;
  min-height: 120px;
}

ul.item_img li a {
  /*position: absolute;
			bottom: 5px;*/
}

ul.breadcrumb li {
  display: inline-block;
}

ul.catalog li.main {
  width: 45%;
  display: inline-block;
}

ul.model_history_vendor li {
  display: inline-block;
  width: 275px;
}

table {
  border-collapse: collapse;
  min-width: 100%;
  margin: 0;
}

table.cke_dialog {
  min-width: 600px;
  border-collapse: separate;
}

th,
td {
  border: 1px solid rgba(185, 185, 185, 0.54);
  padding: 0.2em 0.5em;
}

th {
  text-align: center;
  font-size: 1.2em;
}

tbody tr:hover {
  background: #eaeaea;
}

tbody tr.nohighlight:hover {
  background: transparent;
}

.robots_table span.status_on,
.robots_table span.status_on a {
  color: green;
}

.robots_table span.status_off,
.robots_table span.status_off a {
  color: red;
}

.table_illumination_column .hover {
  background: #eaeaea;
}

.v-t {
  width: 1em;
  line-height: 0.8em;
  font-size: 19px;
  word-wrap: break-word;
}

.table_history sup.plus {
  color: green;
}

.table_history sup.minus {
  color: red;
}

sup.new {
  color: green;
}

.catalog_root {
  color: silver;
}

.pager {
  margin: 20px;
}

.border_div {
  box-shadow: 0 0 4px #dfdfdf;
}

.red {
  color: red;
}

.red_i {
  color: red !important;
}

.white_i {
  color: white !important;
}

.green {
  color: green;
}

.green_i {
  color: green !important;
}

.green_i a {
  color: green !important;
}

.green_i2 {
  color: #8dfe8d !important;
}

.green_i2 a {
  color: #8dfe8d !important;
}

.orange {
  color: orange;
}

.bold {
  font-weight: bold;
}

.crossed_out {
  text-decoration: line-through;
}

.italic {
  font-style: italic;
}

.bg_green_light {
  background: #a9ffa3 !important;
}

.bg_pink_p {
  background: #ffb6c1 !important;
}

.bg_grey,
.bg_gray {
  background: #cccccc;
}

.bg_gray_i {
  background: #cccccc !important;
}

.grey {
  color: #a2a2a2;
}

.bg_grey_h {
  background: #f5f5f5;
}

.black {
  color: black;
}

.item_edit_form ul {
  padding: 10px;
  margin: 0;
}

.item_edit_form ul li.first ul {
  padding: 5px 0 0 35px;
  margin: 0;
}

.item_edit_form ul li.first {
  display: inline-block;
  width: 32%;
  vertical-align: top;
}

.big_font {
  font-size: 1.75em;
}

.medium_font {
  font-size: 1.4em;
}

.small_font {
  font-size: 0.75em;
}

.small_font_row {
  font-size: 0.75em;
  line-height: 0.75em;
}

.small_font_half {
  font-size: 0.6em;
}

.small_font_double {
  font-size: 0.5em;
}

.small_img {
  max-width: 100px;
}

.dashed {
  text-decoration: none;
  border-bottom: 1px #666 dashed;
  cursor: pointer;
}

.visibility_toggle {
  text-decoration: none;
  border-bottom: 1px #666 dashed;
  cursor: pointer;
}

.result_div {
  background: #dddddd;
}

.fade {
  opacity: 0.5;
}

.bg_pink {
  background: #ffcbdb;
}

.bg_pink_i {
  background: #ff6060 !important;
}

.bg_red {
  background: #ff6060;
}

.bg_red_i {
  background: #ffcbdb !important;
}

.bg_pink {
  background: #fed9d9;
}

.bg_yellow {
  background: #fff3c3;
}

.bg_green {
  background: #b5ffa9;
}

.bg_green_i {
  background: #b5ffa9 !important;
}

.bg_blue {
  background: #83d8ff;
}

.bg_blue_light {
  background: #a0d2ff !important;
}

.bg_blue_i {
  background: #83d8ff !important;
}

.pink {
  color: #c0809c;
}

.pink_i {
  color: #c0809c !important;
}

.pink_i a {
  color: #c0809c !important;
}

.yellow {
  color: orange;
}

.yellow_i {
  color: orange !important;
}

.yellow_i a {
  color: orange !important;
}

.green {
  color: green;
}

.brown {
  color: #825400;
}

.brown_i {
  color: #825400 !important;
}

.blue {
  color: #83d8ff;
}

.blue_i {
  color: #83d8ff !important;
}

.shop_title {
  display: inline-block;
}

.orange_border {
  border: 1px solid orange;
}

.red_border {
  border: 1px solid red;
}

.datepicker {
  width: 75px !important;
}

.changed_input {
  background: orange;
}

#item_info {
  text-align: right;
}

.pg_join,
.item_qmark_condition {
  border: 0;
  box-shadow: 0 0 5px #cbcbcb;
  margin: 15px 10px 15px 0px;
  padding: 5px;
  position: relative;
}

.pg_join_sub {
  margin-left: 160px;
}

.pg_join_wrap {
  margin-bottom: 3px;
  position: relative;
}

.pg_join_label {
  display: inline-block;
  position: absolute;
}

.pg_join_info {
  display: inline-block;
  margin-left: 200px;
}

.pg_join_info_sub {
  display: block;
  margin-right: 300px;
}

.pg_join_right {
  position: absolute;
  right: 5px;
  top: 0;
}

/*********item/edit**********/
#item_edit_img_ul {
  padding: 0px;
}

#item_edit_img_ul li {
  list-style-type: none;
  display: inline-block;
  padding: 0 5px;
  text-align: center;
}

#searc_1c_item_value,
#searc_ym_item_value,
#item_name,
#item_edit_search_pg {
  width: 700px;
}

#item_edit_ym_num {
  font-size: 0.9em;
}

#edit_item_div fieldset {
  border: 0;
  box-shadow: 0 0 5px #cbcbcb;
  margin: 15px 10px 15px 0px;
}

#edit_item_div #item_edit_ym_shop label {
  display: inline-block;
  width: 100px;
}

#edit_item_div #new_keyword {
  width: 700px;
}

#edit_item_div fieldset .legend {
  font: bold italic 1.2em sans-serif;
  margin-bottom: 10px;
}

#edit_item_div #item_keyword_div ul li {
  list-style-type: none;
  min-width: 300px;
  padding: 2px 5px;
  display: inline-block;
}

#add_img_div div {
  display: inline-block;
}

#item_edit_settings label {
  display: inline-block;
  width: 200px;
}

#item_edit_settings select,
#item_edit_settings input {
  width: 600px;
}

#prp_all ul {
  padding: 0px;
}

#prp_all ul li {
  list-style-type: none;
}

#prp_all ul li.add_new_group_form label {
  font-weight: bold;
  display: inline-block;
  width: 40%;
}

#prp_all ul li.add_new_group_form input {
  width: 30%;
}

#prp_all ul li ul {
  padding: 0 0 0 40px;
}

#prp_all ul li ul li {
  list-style-type: circle;
  padding: 2px 0;
}

#prp_all ul li ul li label {
  width: 40%;
  display: inline-block;
}

#prp_all ul li ul li select {
  width: 20%;
  display: inline-block;
}

#prp_all ul li ul li span input {
  margin: 2px 0 2px 40%;
  width: 20%;
}

#prp_all ul li ul li.add_new_prp_form label {
  font-weight: bold;
}

#prp_all ul li ul li.add_new_prp_form input {
  width: 20%;
}

#prp_all ul li div {
  display: inline-block;
  min-width: 20%;
  border: 3px solid #cccccc;
  max-height: 200px;
  overflow: auto;
}

#prp_all ul li div ul {
  list-style-type: none;
  padding: 3px;
}

#prp_all ul li div li span {
  color: blue;
  cursor: pointer;
  border-bottom: 1px #666 dashed;
}

#prp_all ul li div li span:hover {
  color: black;
}

#edit_item_div fieldset#item_text_div textarea,
#edit_item_div fieldset#item_comment_div textarea {
  width: 90%;
  height: 120px;
  border: 3px solid #cccccc;
  padding: 5px;
  font-family: Tahoma, sans-serif;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.pg_search_item {
  border: 0;
  box-shadow: 0 0 5px #cbcbcb;
  margin: 15px 10px 15px 0px;
  padding: 5px;
  background: #eaeaea;
}

.pg_bind_item {
  border: 0;
  box-shadow: 0 0 5px #cbcbcb;
  margin: 15px 10px 15px 0px;
  padding: 5px;
}

/** inputs with native HTML5 validation */
/** @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text */

div.native-validation {
  margin-top: 2px;
  margin-bottom: 2px;
  position: relative;
}

div.native-validation input+span {
  padding-right: 10px;
}

div.native-validation input:invalid+span::after {
  position: absolute;
  content: '•';
  margin-top: 1px;
  margin-left: -15px;
  color: red;
}

div.native-validation input:valid+span::after {
  position: absolute;
  content: '•';
  margin-top: 1px;
  margin-left: -15px;
  color: green;
}

.modal-hint {
  display: inline-block;
  margin: 0px 3px;
  height: 18px;
  width: 18px;
  text-align: center;
  color: #9a4d18;
  background-color: #fff6bd;
  border: 1px solid #fad28f;
  border-radius: 9px;
  cursor: pointer;
}

.modal-hint::after {
  content: '?';
}

.modal-hint-loading {
  color: #1b9dec !important;
  background-color: #cccccc !important;
  cursor: wait !important;
}

/*********item/edit**********/

#catalog_tree span {
  vertical-align: top;
}

#catalog_tree .visibility_cat {
  position: absolute;
  padding: 3px;
  left: -13px;
  top: 2px;
}

#catalog_tree ul {
  padding: 0 0 0 15px;
  margin: 0;
}

#catalog_tree ul li {
  list-style-type: none;
  vertical-align: top;
  position: relative;
}

.hide {
  display: none;
}

.hide_important,
.hide_i {
  display: none !important;
}

.hidden {
  display: none !important;
}

button:active,
button.active {
  /* Slight downward shift for a "pressed" effect */
  transform: translateY(1px);
  /* Inset shadow for depth */
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.zoomButton {
  padding: 3px;
  margin: 4px;
  right: 20px;
  border: 2px solid green;
  top: 20px;
  height: 15px;
  width: 90px;
}

.jQtooltip {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted;
}

.jQtooltip div {
  display: none;
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 10000;
  width: 350px;
  padding: 8px 12px;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  -webkit-box-shadow: 0 1px 3px #c4c4c4;
  -moz-box-shadow: 0 1px 3px #c4c4c4;
  box-shadow: 0 1px 3px #c4c4c4;
  border: 1px solid #dbb779;
  background: #fff6bd;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.jQtooltip.mini {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: bottom;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  margin-left: 2px;
  padding: 0 4px;
  color: #9a4d18;
  border: 1px solid #fad28f;
  background: #fff6bd;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.TheadMoveHolder {
  position: fixed;
  top: 0;
}

label.catalog_add {
  min-width: 350px;
  display: inline-block;
}

.robotTestField p,
.robotTestField ul {
  border: 0;
  box-shadow: 0 0 5px #cbcbcb;
  margin: 15px 10px 15px 0px;
  padding: 3px;
}

.robotTestField p label {
  min-width: 250px;
  display: inline-block;
}

.robotTestField p input,
.robotTestField p select {
  min-width: 450px;
  display: inline-block;
}

.robotTestField li {
  display: inline-block;
  min-width: 22%;
  min-height: 30px;
}

.robotTestField li a {
  color: blue;
}

.robotTestField li a.selected {
  color: black;
  font-weight: bolder;
}

.niceField {
  border: 0;
  box-shadow: 0 0 5px #cbcbcb;
  margin: 15px 10px 15px 0px;
  padding: 5px;
}

.niceField .legend {
  font: bold italic 1.2em sans-serif;
  margin: 5px 5px 10px 5px;
}

.niceButton {
  border: 0;
  box-shadow: 2px 2px 5px #484949;
  margin: 7px 10px;
  padding: 4px 7px;
  display: inline-block;
  color: black;
  text-decoration: none;
  background-color: white;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.niceButton:hover {
  background-color: #e1f0ff;
}

.niceButton.disabled {
  background-color: #949494;
}

.niceButtonActivate {
  background-color: #cbcbcb;
}

.niceButtonActivate:hover {
  background-color: #cbcbcb;
}

.like_button {
  border: 2px outset black;
  display: inline-block;
  margin: 2px;
  padding: 2px;
}

.clearDiv {
  clear: right;
}

.menu_holder {
  background-color: #f1f8ff;
}

.menu_holder .group_ul {
  min-height: 50px;
  box-shadow: 0 0 3px white;
  margin: 3px;
}

.menu_holder li {
  list-style-type: none;
}

.menu_holder label {
  min-width: 200px;
  display: inline-block;
}

.menu_holder .menu_group {
  background-color: #d7ffcd;
  box-shadow: 2px 2px 5px #484949;
}

.menu_holder .menu_title {
  background-color: #fffebc;
  box-shadow: 2px 2px 5px #484949;
}

.menu_holder .menu_title.bg_grey_h {
  background: #f5f5f5;
}

.menu_holder .menu_title .title_name {
  width: 700px;
}

.menu_holder .menu_item {
  background-color: #c3e1ff;
  box-shadow: 2px 2px 5px #484949;
}

.menu_holder .menu_item.bg_grey_h {
  background: #f5f5f5;
}

.menu_holder .menu_item .item_period {
  width: 50px;
  text-align: right;
}

.menu_holder .input {
  display: inline-block;
  min-width: 250px;
}

.menu_holder .menu_item .counter_template {
  width: 600px;
}

.menu_holder .group_delete,
.menu_holder .item_delete,
.menu_holder .title_delete {
  float: right;
}

.menu_holder .menu_alien {
  box-shadow: 0 0 2px 5px grey;
}

ul.menuClient {
  margin: 0;
  margin-right: -9px;
  padding: 0;
}

ul.menuClient li {
  list-style-type: none;
}

ul.menuClient li.menuGroup {
  /*background-color: #eef7ff;*/
  font-family: Roboto, arial, 'Noto Sans Japanese', sans-serif;
  color: #37496d;
  /*box-shadow: 2px 2px 5px #484949;*/
  box-shadow: none;
  padding: 0;
}

ul.menuClient li.MenuGrouphide {
  /*background-color: silver;*/
  background-color: #eef7ff;
}

ul.menuClient li.MenuGrouphide ul {
  display: none;
}

ul.menuClient li .groupName {
  font-size: 140%;
  font-weight: 400;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  background: url(/img/icons/minus.png) no-repeat;
  background-position: 3px 4px;
  padding-left: 25px;
  color: #000000;
}

ul.menuClient li.MenuGrouphide .groupName {
  background-image: url(/img/icons/plus.png);
}

ul.menuClient li ul {
  margin: 0 0 0 0px;
  padding: 0;
}

.menuItem {
  margin: 0;
  padding: 0;
  box-shadow: none;
  line-height: 20px;
  font-size: 14px;
  padding-left: 15px;
  paddimg-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  /*padding: 3px 15px;
	background-color: #daedff;
	box-shadow: 2px 2px 5px #484949;
	cursor: pointer;*/
}

.menuItem sup {
  line-height: 0;
}

ul.menuClient li.menuItem:hover {
  background: #fdae92;
}

.menuItem a:link,
.menuItem a:visited {
  color: #1a3dc1;
  font-family: Roboto, arial, 'Noto Sans Japanese', sans-serif;
  /* font-size: 90%;*/
  width: 100%;
  /*font-weight: bold;*/
  color: #616161;
  text-decoration: none;
}

.menuTitle {
  margin: 0;
  color: #37496d;
  font-family: Roboto, arial, 'Noto Sans Japanese', sans-serif;
  font-size: 96%;
  font-weight: bold;
  /* margin-left: 10px; */
  /* margin-bottom: -5px; */
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#c1_tree ul {
  list-style-type: none;
}

#c1_tree li {
  display: block;
  list-style-type: none;
}

#c1_tree .treeNavHolder {
  display: inline-block;
  min-width: 15px;
}

#c1_tree .treeNavHolder a {
  display: inline-block;
  min-width: 15px;
}

#check label {
  width: 200px;
  display: inline-block;
  padding: 0px 10px;
}

#checkHolder input[type='text'] {
  width: 75px;
  text-align: right;
}

.addTemplateHolder label,
.saveStorageHolder label {
  display: inline-block;
  width: 150px;
  vertical-align: top;
}

.addTemplateHolder label select {
  width: 150px;
}

.addTemplateHolder .templateName {
  width: 800px;
}

.addTemplateHolder textarea {
  width: 800px;
  height: 250px;
}

.ajaxLoad {
  position: fixed;
  top: 0;
  left: 45%;
  width: 150px;
  height: 30px;
  background: #f6fbfe;
  text-align: center;
  padding: 0;
  border-radius: 0 0 10px 10px;
  z-index: 300;
  box-shadow: 0 0 5px #ab2c00;
  display: none;
}

.ajaxLoad img {
  width: 24px;
  height: 24px;
  margin: 3px;
}

#prpHolder .group {
  background: #ff9600;
  font-size: 24px;
  font-weight: bolder;
}

#prpHolder .prp.done {
  background: #04bd45;
}

#prpHolder .prp .segmentHolder .values {
  height: 5em;
  overflow-y: auto;
  overflow-x: hidden;
  background: silver;
}

#prpHolder .prp .segmentHolder .graph {}

#prpHolder .prp .segmentHolder .graph .segment {
  display: inline-block;
  margin: 3px 5px;
  padding: 3px;
  font-size: 12px;
  width: 200px;
}

#prpHolder .prp .addTemplateHolder {
  background: #ffffff;
}

#prpHolder .prp .addTemplateHolder .title {
  cursor: default;
}

#prpHolder .prp .addTemplateHolder .title .close {
  background-image: url('/img/icons/cross.png');
  float: right;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 3px;
  cursor: pointer;
}

#prpHolder .prp .addTemplateHolder label {
  width: 300px;
}

#prpHolder .prp .title {
  font-size: 14px;
  font-weight: bolder;
  margin-top: 2px;
  margin-bottom: 2px;
  cursor: pointer;
}

#prpFilter label {
  display: inline-block;
  width: 250px;
}

#prpFilter span {
  display: inline-block;
  width: 250px;
}

.ui-dialog-content {
  overflow: visible;
}

.takeImageAdd {
  max-height: 100px;
  max-width: 100px;
  cursor: pointer;
  margin: 5px;
  vertical-align: top;
}

.halfScreen {
  width: 48%;
  display: inline-block;
}

.tttpAddPrp label {
  min-width: 175px;
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
}

ul.nice li {
  list-style-type: none;
  width: 300px;
  padding: 2px 5px;
  display: inline-block;
}

ul.niceSort li ul {
  margin-left: 15px;
  min-height: 15px;
  padding: 3px;
}

ul.niceSort li>ul {
  background: #ffffcc;
}

ul.niceSort li>ul>li>ul {
  background: #ffcc99;
}

ul.niceSort li>ul>li>ul>li>ul {
  background: #ffcccc;
}

ul.niceSort li>ul>li>ul>li>ul>li>ul {
  background: #ff99cc;
}

ul.niceSort li>ul>li>ul>li>ul>li>ul>li>ul {
  background: #ffccff;
}

ul.niceSort li>ul>li>ul>li>ul>li>ul>li>ul>li>ul {
  background: #cc99ff;
}

ul.niceSort li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul {
  background: #9999cc;
}

ul.niceSort li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul {
  background: #ccffcc;
}

/*
.PrpApHolder #prp_ap_holder>li:hover {
	background: #eaeaea ;
}*/
.PrpApHolder li.group_holder>ul>li:hover {
  background: #cecece;
}

.ellipsis {
  width: 100%;
  display: inline-block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url('/css/text-overflow.xml#ellipsis');
}

.preEllipsis {
  min-height: 12px;
  display: inline-block;
  width: 100%;
}

.funny_checkbox label {
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
}

.funny_checkbox input[type='checkbox'] {
  width: 1px;
  height: 1px;
  margin-left: 15px;
}

.funny_checkbox input[type='checkbox']+span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/img/icons/unchecked.png) no-repeat;
  cursor: pointer;
}

.funny_checkbox input[type='checkbox']:checked+span {
  background: url(/img/icons/checked.png) no-repeat;
  /*background-position: 0 -32px;*/
}

.funny_checkbox.v1 input[type='checkbox']:checked+span {
  background: url(/img/icons/checked_1.png) no-repeat;
}

.funny_checkbox.v2 input[type='checkbox']:checked+span {
  background: url(/img/icons/checked_2.png) no-repeat;
}

.funny_checkbox.v3 input[type='checkbox']:checked+span {
  background: url(/img/icons/checked_3.png) no-repeat;
}

.funny_checkbox.v4 input[type='checkbox']:checked+span {
  background: url(/img/icons/checked_4.png) no-repeat;
}

.funny_checkbox.v5 input[type='checkbox']:checked+span {
  background: url(/img/icons/checked_5.png) no-repeat;
}

.funny_checkbox.v6 input[type='checkbox']:checked+span {
  background: url(/img/icons/checked_6.png) no-repeat;
}

#scrollUpButton {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 35px;
  height: 35px;
  background: #ab2c00;
  opacity: 0.6;
  /*box-shadow: 1px 1px 1px 1px #cbcbcb;*/
  border-radius: 5px;
  z-index: 667;
  cursor: pointer;
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  color: white;
}

#scrollUpButton:hover {
  opacity: 1;
}

#scrollUpButton:hover .cont_1 {
  opacity: 1;
}

#scrollUpButton:hover .cont_2 {
  opacity: 1;
}

#scrollUpButton .cont_1 {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 20px solid white;
  border-bottom: 10px solid transparent;
  margin: 3px 0 0 8px;
  transform: rotate(-90deg);
  opacity: 1;
}

#scrollUpButton .cont_2 {
  position: absolute;
  bottom: 1px;
  left: 4px;
  font-size: 11px;
  font-weight: bolder;
}

.niceTable {}

.niceTable thead tr {
  background-color: rgba(221, 72, 20, 0.9);
  color: white;
  font-family: Times New Roman;
  font-weight: normal;
}

.niceTable .niceTable thead tr {
  background-color: rgba(13, 156, 221, 0.9);
}

.niceTable tbody tr:nth-child(even) {
  background-color: rgba(221, 72, 20, 0.12);
}

.niceTable .niceTable tbody tr:nth-child(even) {
  background-color: rgba(15, 114, 221, 0.12);
}

.niceTable .niceTable tbody tr:nth-child(odd) {
  background-color: rgb(255, 255, 255);
}

.niceTable thead .tkTable {
  background-color: #78bbf7;
  border-color: white;
}

.niceTable thead .cyTable {
  background-color: #f29595;
  border-color: white;
}

.niceTable tbody tr:nth-child(odd) .tkTableRow {
  background-color: #d0e8fd;
  border-color: white;
}

.niceTable tbody tr:nth-child(odd) .cyTableRow {
  background-color: #fdd7d7;
  border-color: white;
}

.ct_marker_1 {
  background: #1b9dec;
  opacity: 50%;
}

.ct_marker_2 {
  background: #9ad717;
  opacity: 50%;
}

.ct_marker_3 {
  background: #9a4d18;
  opacity: 50%;
}

.ct_marker_4 {
  background: #7f0055;
  opacity: 50%;
}

.ct_marker_5 {
  background: deeppink;
  opacity: 50%;
}

.ct_marker_6 {
  background: #aa29ff;
  opacity: 50%;
}

.ct_marker_7 {
  background: #740dff;
  opacity: 50%;
}

.ct_marker_8 {
  background: #1951ff;
  opacity: 50%;
}

.red {
  color: red;
}

canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.p_block_price input:checked~label {
  background-color: rgba(0, 255, 58, 0.25);
}

.bg_cy {
  background: #cfe2f3;
}

.bg_tk {
  background: #d9ead3;
}

.bg_danger {
  color: #000;
  background-color: #f8d7da;
}

.bg_warning {
  color: #000;
  background-color: #fff3cd;
}

.bg_info {
  color: #000;
  background-color: #cfe2ff;
}

.bg_success {
  color: #000;
  background-color: #d1e7dd;
}

.code {
  padding: 2px 5px 3px 5px;
  font-size: .875em;
  word-wrap: break-word;
  color: #d63384;
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 5px;
}

.circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  margin: 0 2px;
  border-radius: 10px;
}

.small_font .circle {
  line-height: 14px;
  width: 14px;
  height: 14px;
  margin: 0 1px;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 2px !important;
}

.m-2 {
  margin: 4px !important;
}

.m-3 {
  margin: 8px !important;
}

.m-4 {
  margin: 12px !important;
}

.m-5 {
  margin: 24px !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 2px !important;
  margin-left: 2px !important;
}

.mx-2 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.mx-3 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.mx-4 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.mx-5 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.my-2 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my-3 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-4 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.my-5 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 2px !important;
}

.mt-2 {
  margin-top: 4px !important;
}

.mt-3 {
  margin-top: 8px !important;
}

.mt-4 {
  margin-top: 12px !important;
}

.mt-5 {
  margin-top: 24px !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 2px !important;
}

.me-2 {
  margin-right: 4px !important;
}

.me-3 {
  margin-right: 8px !important;
}

.me-4 {
  margin-right: 12px !important;
}

.me-5 {
  margin-right: 24px !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 2px !important;
}

.mb-2 {
  margin-bottom: 4px !important;
}

.mb-3 {
  margin-bottom: 8px !important;
}

.mb-4 {
  margin-bottom: 12px !important;
}

.mb-5 {
  margin-bottom: 24px !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 2px !important;
}

.ms-2 {
  margin-left: 4px !important;
}

.ms-3 {
  margin-left: 8px !important;
}

.ms-4 {
  margin-left: 12px !important;
}

.ms-5 {
  margin-left: 24px !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 2px !important;
}

.p-2 {
  padding: 4px !important;
}

.p-3 {
  padding: 8px !important;
}

.p-4 {
  padding: 12px !important;
}

.p-5 {
  padding: 24px !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.px-2 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.px-3 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.px-4 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.px-5 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.py-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.py-3 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-4 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.py-5 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 2px !important;
}

.pt-2 {
  padding-top: 4px !important;
}

.pt-3 {
  padding-top: 8px !important;
}

.pt-4 {
  padding-top: 12px !important;
}

.pt-5 {
  padding-top: 24px !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 2px !important;
}

.pe-2 {
  padding-right: 4px !important;
}

.pe-3 {
  padding-right: 8px !important;
}

.pe-4 {
  padding-right: 12px !important;
}

.pe-5 {
  padding-right: 24px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 2px !important;
}

.pb-2 {
  padding-bottom: 4px !important;
}

.pb-3 {
  padding-bottom: 8px !important;
}

.pb-4 {
  padding-bottom: 12px !important;
}

.pb-5 {
  padding-bottom: 24px !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 2px !important;
}

.ps-2 {
  padding-left: 4px !important;
}

.ps-3 {
  padding-left: 8px !important;
}

.ps-4 {
  padding-left: 12px !important;
}

.ps-5 {
  padding-left: 24px !important;
}

.position-relative {
  position: relative;
}

.image-label {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: white;
  width: 100%;
  text-align: center;
  opacity: 0.7;
}