.gadget-box {
  overflow: auto;
}
/* 設置されている箇所の背景色が #4c4d4d のボタンのdisabledスタイル */
.gadget-box .button4.disabled,
.gadget-box .normal_button.disabled {
  background-color: #d8d5d5;
  cursor: default;
  border: 1px solid #888585;
  color: #8e8e8e;
  box-shadow: 1px 1px #9e9d9d;
}
.gadget-box .button4.disabled:hover,
.gadget-box .normal_button.disabled:hover {
  background-color: #d8d5d5;
  cursor: default;
  border: 1px solid #888585;
  color: #8e8e8e;
  box-shadow: 1px 1px #9e9d9d;
}
.gadget-box .button4.disabled:active,
.gadget-box .normal_button.disabled:active {
  background-color: #d8d5d5;
  cursor: default;
  border: 1px solid #888585;
  color: #8e8e8e;
  box-shadow: 1px 1px #9e9d9d;
}
div.float_clear {
  clear: both;
}
#tree {
  background-color: #4c4d4d;
}
/** 設定用画面のスタイル **/
div#setting_input_div {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #000;
}
#lanmap_view_setting div.setting_input_div {
  padding: 0px;
  background-color: #fff;
  border: 0px solid #000;
}
#lanmap_view_setting div.setting_input_div div {
  height: 50px;
  width: 33%;
  padding: 0px;
  background-color: #fff;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}
#lanmap_view_setting {
  padding: 20px;
}
#lanmap_view_setting div {
  max-width: 100%;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #000;
}
#lanmap_view_setting hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.setting_input_div div.setting_header {
  font-size: 15px;
  font-size: 1.5rem;
  min-width: 15px;
  min-width: 1.5rem;
  text-align: left;
  height: 35px;
  padding: 0 0 0 4px;
  border-left: 1px solid #a1adca;
  border-bottom: 1px solid #b4b4b5;
}
.setting_interface {
  width: 20%;
}
.setting_input_div div {
  padding: 0px;
}
.setting_input_div input {
  margin-right: 5px;
}
.datetime_picker {
  width: 45px;
}
#lan_map_sub_title {
  height: 22px;
  padding-top: 9px;
}
.lan_map {
  margin-top: 20px;
  font-size: 13px; /* font size should not be too big */
  background-color: #1c1f1e;
  border: 0px dotted #808080;
  overflow: hidden;
}
.device_info,
#multiple_vlan_info {
  background-color: #4c4d4d;
  min-height: 214px;
}
.sub_menu {
  min-height: 40px;
}
.icon {
  height: 40px;
  min-width: 40px;
  vertical-align: bottom;
  text-align: center;
  float: right;
  margin: 0 6.5px;
  cursor: pointer;
}
.help-icon {
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin: 5px 0 0 0;
}
.icon input {
  vertical-align: bottom;
}
.icon div {
  font-size: 1rem;
}
div.icon:hover {
  background-color: #e0dede;
}
div.icon.disabled:hover {
  background-color: #fff;
}
div#lanmap_tarminal_table_refresh.disabled:hover {
  background-color: #4c4d4d;
}
.white_font {
  color: #fff;
}
.sub_title_bar {
  padding: 5px 0 5px 15px;
  color: #fff;
  background-color: #303434;
  font-size: 1.4rem;
}
.contents-box {
  background-color: #1c1f1e;
  min-height: 400px;
  padding: 15px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
}
.info_image {
  height: 115px;
  margin-left: 1px;
  background-color: #4c4d4d;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 3px 0 0 3px;
  position: relative;
}
.panel {
  margin: 0px 0 3px 3px;
  position: relative;
  z-index: 0;
}
/* 機器詳細の文字情報を表示/非表示するツマミ */
.thumb-slide {
  display: inline-block;
  float: left;
  width: 5px;
  height: 115px;
  padding: 3px 0 0 3px;
  background-color: #4c4d4d;
  cursor: pointer;
}
.thumb-slide:before {
  content: "";
  display: block;
  position: relative;
  right: 2px;
  top: 38px;
  width: 8px;
  height: 32px;
  background: #cfcfcf;
}
.thumb-slide:after {
  content: "";
  display: block;
  position: relative;
  top: 20px;
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* 矢印を左向きにする  */
.thumb-slide.left-arrow:after {
  right: 0px;
  border-bottom: 2px solid #1c1f1e;
  border-left: 2px solid #1c1f1e;
}
/* 矢印を右向きにする  */
.thumb-slide.right-arrow:after {
  right: 2px;
  border-top: 2px solid #1c1f1e;
  border-right: 2px solid #1c1f1e;
}
.info_image_rtx1210 .device_front {
  height: 99px;
  width: 535px;
}
.info_image_rtx1210 .panel {
  margin-left: 5px;
  margin-top: 7px;
  background-image: url("../../png/gui/lan_map_panel_rtx1210.png");
  height: 99px;
  width: 535px;
}
#device_info .info_image_swx2100_8g .device_front,
#device_info .info_image_swx2100_16g .device_front,
#device_info .info_image_swx2100_24g .device_front,
#device_info .info_image_swx2100_5poe .device_front,
#device_info .info_image_swx2100_10poe .device_front,
#device_info .info_image_swx2200_8g .device_front,
#device_info .info_image_swx2200_24g .device_front,
#device_info .info_image_swx2200_8poe .device_front,
#device_info .info_image_swx2300_8g .device_front,
#device_info .info_image_swx2300_16g .device_front,
#device_info .info_image_swx2300_24g .device_front,
#device_info .info_image_wlx402 .device_front,
#device_info .info_image_wlx302 .device_front,
#device_info .info_image_wlx202 .device_front,
#device_info .info_image_unknown_slave .device_front {
  cursor: pointer;
}
.info_image_swx2100_8g .device_front {
  height: 98px;
  width: 331px;
}
.info_image_swx2100_8g .panel {
  margin-left: 5px;
  margin-top: 7px;
  background-image: url("../../png/gui/lan_map_panel_swx2100-8g.png");
  height: 98px;
  width: 331px;
  background-repeat: no-repeat;
}
.info_image_swx2100_16g .device_front {
  height: 98px;
  width: 465px;
}
.info_image_swx2100_16g .panel {
  margin-left: 5px;
  margin-top: 7px;
  background-image: url("../../png/gui/lan_map_panel_swx2100-16g.png");
  height: 98px;
  width: 465px;
  background-repeat: no-repeat;
}
.info_image_swx2100_24g .device_front {
  height: 98px;
  width: 604px;
}
.info_image_swx2100_24g .panel {
  margin-left: 5px;
  margin-top: 7px;
  background-image: url("../../png/gui/lan_map_panel_swx2100-24g.png");
  height: 98px;
  width: 604px;
  background-repeat: no-repeat;
}
.info_image_swx2100_5poe .device_front {
  height: 98px;
  width: 321px;
}
.info_image_swx2100_5poe .panel {
  margin-left: 5px;
  margin-top: 7px;
  background-image: url("../../png/gui/lan_map_panel_swx2100-5poe.png");
  height: 98px;
  width: 321px;
  background-repeat: no-repeat;
}
.info_image_swx2100_10poe .device_front {
  height: 98px;
  width: 321px;
}
.info_image_swx2100_10poe .panel {
  margin-left: 5px;
  margin-top: 7px;
  background-image: url("../../png/gui/lan_map_panel_swx2100-10poe.png");
  height: 98px;
  width: 321px;
  background-repeat: no-repeat;
}
.info_image_swx2200_24g .device_front {
  height: 98px;
}
.info_image_swx2200_24g .panel {
  margin-left: 5px;
  margin-top: 7px;
  background-image: url("../../png/gui/lan_map_panel_swx2200-24g.png");
  height: 98px;
  background-repeat: no-repeat;
}
.info_image_swx2200_8g .device_front {
  height: 98px;
  width: 321px;
}
.info_image_swx2200_8g .panel {
  margin-left: 5px;
  margin-top: 7px;
  height: 98px;
  width: 321px;
  background-image: url("../../png/gui/lan_map_panel_swx2200-8g.png");
}
.info_image_swx2200_8poe .device_front {
  height: 98px;
  width: 321px;
}
.info_image_swx2200_8poe .panel {
  margin-left: 5px;
  margin-top: 7px;
  height: 98px;
  width: 321px;
  background-image: url("../../png/gui/lan_map_panel_swx2200-8poe.png");
}
.info_image_wlx402 .device_front {
  width: 347px;
  height: 89px;
}
.info_image_wlx402 .panel {
  margin-left: 5px;
  margin-top: 11px;
  background-image: url("../../png/gui/lan_map_panel_wlx402.png");
  width: 347px;
  height: 89px;
}
.info_image_wlx302 .device_front {
  width: 317px;
  height: 89px;
}
.info_image_wlx302 .panel {
  margin-left: 5px;
  margin-top: 11px;
  background-image: url("../../png/gui/lan_map_panel_wlx302.png");
  width: 317px;
  height: 89px;
}
.info_image_wlx202 .device_front {
  width: 317px;
  height: 89px;
}
.info_image_wlx202 .panel {
  margin-left: 5px;
  margin-top: 11px;
  background-image: url("../../png/gui/lan_map_panel_wlx202.png");
  width: 317px;
  height: 89px;
}
.info_image_swx2300_8g .device_front {
  height: 98px;
  width: 373px;
}
.info_image_swx2300_8g .panel {
  margin-left: 5px;
  margin-top: 7px;
  height: 98px;
  width: 373px;
  background-image: url("../../png/gui/lan_map_panel_swx2300-8g.png");
}
.info_image_swx2300_16g .device_front {
  height: 98px;
  width: 515px;
}
.info_image_swx2300_16g .panel {
  margin-left: 5px;
  margin-top: 7px;
  height: 98px;
  width: 515px;
  background-image: url("../../png/gui/lan_map_panel_swx2300-16g.png");
}
.info_image_swx2300_24g .device_front {
  height: 98px;
}
.info_image_swx2300_24g .panel {
  margin-left: 5px;
  margin-top: 7px;
  height: 98px;
  background-image: url("../../png/gui/lan_map_panel_swx2300-24g.png");
  background-repeat: no-repeat;
}
.info_image_unknown_slave .device_front {
  height: 98px;
  width: 321px;
}
.info_image_unknown_slave .panel {
  margin-left: 5px;
  margin-top: 7px;
  height: 98px;
  width: 321px;
  background-image: url("../../png/gui/lan_map_panel_unknown_slave.png");
}
.member_count {
  color: #0f0;
}
.info_string {
  color: #fff;
  float: left;
  background: #000;
  font-size: 13px;
  width: 300px;
  height: 108px;
  padding: 5px;
  overflow: auto;
  word-break: break-all;
}
.info_string table tr td {
  padding: 1px 0;
}
.info_div {
  height: 0px;
  width: 1px;
  clear: both;
}
#device_info .info_image_swx2100_8g .port:hover,
#device_info .info_image_swx2100_16g .port:hover,
#device_info .info_image_swx2100_24g .port:hover,
#device_info .info_image_swx2100_24g .sfp:hover,
#device_info .info_image_swx2100_5poe .port:hover,
#device_info .info_image_swx2100_10poe .port:hover,
#device_info .info_image_swx2200_24g .port:hover,
#device_info .info_image_swx2200_8g .port:hover,
#device_info .info_image_swx2200_8poe .port:hover,
#device_info .info_image_wlx402 .port:hover,
#device_info .info_image_wlx302 .port:hover,
#device_info .info_image_wlx202 .port:hover,
#device_info .info_image_swx2300_8g .port:hover,
#device_info .info_image_swx2300_16g .port:hover,
#device_info .info_image_swx2300_24g .port:hover,
#device_info .info_image_swx2300_8g .sfp:hover,
#device_info .info_image_swx2300_16g .sfp:hover,
#device_info .info_image_swx2300_24g .sfp:hover,
#device_info .info_image_unknown_slave .port:hover {
  background-color: #2163ee;
}
.port.active {
  background-color: #2163ee;
}
.sfp.active {
  background-color: #2163ee;
}
.port {
  width: 26px;
  height: 21px;
  padding: 2px;
  position: absolute;
}
#device_info .port_input,
#vlan_tree .port_input {
  outline: none;
  cursor: pointer;
}
.sfp {
  height: 22px;
  padding: 2px;
  position: absolute;
}
.sfp .port_input {
  width: 18px;
  height: 20px;
  border: 1px solid #6a6a6a;
}
.color_down {
  background-color: #000;
}
.color_1000base {
  background-color: #73fe28;
}
.color_irregular {
  background-color: #e60012;
}
.port.vlan_color_0077ff,
.vlan_on.vlan_color_0077ff {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -90px -125px;
}
.port.vlan_color_02d4ee,
.vlan_on.vlan_color_02d4ee {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -120px -100px;
}
.port.vlan_color_039140,
.vlan_on.vlan_color_039140 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -60px -150px;
}
.port.vlan_color_0afad0,
.vlan_on.vlan_color_0afad0 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -30px -100px;
}
.port.vlan_color_12826d,
.vlan_on.vlan_color_12826d {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -30px -150px;
}
.port.vlan_color_1b6b9f,
.vlan_on.vlan_color_1b6b9f {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -60px -100px;
}
.port.vlan_color_1bbc9b,
.vlan_on.vlan_color_1bbc9b {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -90px -100px;
}
.port.vlan_color_2dcc70,
.vlan_on.vlan_color_2dcc70 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -150px -100px;
}
.port.vlan_color_3598db,
.vlan_on.vlan_color_3598db {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -180px -125px;
}
.port.vlan_color_555b62,
.vlan_on.vlan_color_555b62 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -120px -125px;
}
.port.vlan_color_556b80,
.vlan_on.vlan_color_556b80 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -150px -125px;
}
.port.vlan_color_6e4949,
.vlan_on.vlan_color_6e4949 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -180px -100px;
}
.port.vlan_color_73fe28,
.vlan_on.vlan_color_73fe28 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -60px -125px;
}
.port.vlan_color_7a3396,
.vlan_on.vlan_color_7a3396 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: 0 -125px;
}
.port.vlan_color_849797,
.vlan_on.vlan_color_849797 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -90px -150px;
}
.port.vlan_color_8787fd,
.vlan_on.vlan_color_8787fd {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: 0 -150px;
}
.port.vlan_color_9b58b5,
.vlan_on.vlan_color_9b58b5 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -30px -125px;
}
.port.vlan_color_a2085e,
.vlan_on.vlan_color_a2085e {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -150px -150px;
}
.port.vlan_color_a53125,
.vlan_on.vlan_color_a53125 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -180px -150px;
}
.port.vlan_color_a63b83,
.vlan_on.vlan_color_a63b83 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -120px -150px;
}
.port.vlan_color_b7ddf1,
.vlan_on.vlan_color_b7ddf1 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: 0 -175px;
}
.port.vlan_color_b85f24,
.vlan_on.vlan_color_b85f24 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -30px -175px;
}
.port.vlan_color_bec3c7,
.vlan_on.vlan_color_bec3c7 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -60px -175px;
}
.port.vlan_color_e4007f,
.vlan_on.vlan_color_e4007f {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -150px -175px;
}
.port.vlan_color_e77e23,
.vlan_on.vlan_color_e77e23 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -90px -175px;
}
.port.vlan_color_e84c3d,
.vlan_on.vlan_color_e84c3d {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -120px -175px;
}
.port.vlan_color_f1c40f,
.vlan_on.vlan_color_f1c40f {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -180px -175px;
}
.port.vlan_color_f39c11,
.vlan_on.vlan_color_f39c11 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -30px -200px;
}
.port.vlan_color_f753a2,
.vlan_on.vlan_color_f753a2 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -60px -200px;
}
.port.vlan_color_f8e8ae,
.vlan_on.vlan_color_f8e8ae {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: 0 -200px;
}
.port.vlan_color_ff8fb1,
.vlan_on.vlan_color_ff8fb1 {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -90px -200px;
}
.port.vlan_color_ffd2aa,
.vlan_on.vlan_color_ffd2aa {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: -120px -200px;
}
.port.vlan_color_ffffff,
.vlan_on.vlan_color_ffffff {
  background: url("../../png/gui/port.png") no-repeat;
  background-position: 0 -100px;
}
/* マルチプルVLAN 縮小表示用 */
.small .multiple_vlan_port.vlan_off {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: 0 0;
}
.small .vlan_on.vlan_color_0afad0 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -18px 0;
}
.small .vlan_on.vlan_color_1b6b9f {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -36px 0;
}
.small .vlan_on.vlan_color_1bbc9b {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -54px 0;
}
.small .vlan_on.vlan_color_02d4ee {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -72px 0;
}
.small .vlan_on.vlan_color_2dcc70 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -90px 0;
}
.small .vlan_on.vlan_color_6e4949 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -108px 0;
}
.small .vlan_on.vlan_color_7a3396 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -126px 0;
}
.small .vlan_on.vlan_color_9b58b5 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -144px 0;
}
.small .vlan_on.vlan_color_73fe28 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -162px 0;
}
.small .vlan_on.vlan_color_0077ff {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -180px 0;
}
.small .vlan_on.vlan_color_555b62 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: 0 -16px;
}
.small .vlan_on.vlan_color_556b80 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -18px -16px;
}
.small .vlan_on.vlan_color_3598db {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -36px -16px;
}
.small .vlan_on.vlan_color_8787fd {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -54px -16px;
}
.small .vlan_on.vlan_color_12826d {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -72px -16px;
}
.small .vlan_on.vlan_color_039140 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -90px -16px;
}
.small .vlan_on.vlan_color_849797 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -108px -16px;
}
.small .vlan_on.vlan_color_a63b83 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -126px -16px;
}
.small .vlan_on.vlan_color_a2085e {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -144px -16px;
}
.small .vlan_on.vlan_color_a53125 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -162px -16px;
}
.small .vlan_on.vlan_color_b7ddf1 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -180px -16px;
}
.small .vlan_on.vlan_color_b85f24 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: 0 -32px;
}
.small .vlan_on.vlan_color_bec3c7 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -18px -32px;
}
.small .vlan_on.vlan_color_e77e23 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -36px -32px;
}
.small .vlan_on.vlan_color_e84c3d {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -54px -32px;
}
.small .vlan_on.vlan_color_e4007f {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -72px -32px;
}
.small .vlan_on.vlan_color_f1c40f {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -90px -32px;
}
.small .vlan_on.vlan_color_f8e8ae {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -108px -32px;
}
.small .vlan_on.vlan_color_f39c11 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -126px -32px;
}
.small .vlan_on.vlan_color_f753a2 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -144px -32px;
}
.small .vlan_on.vlan_color_ff8fb1 {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -162px -32px;
}
.small .vlan_on.vlan_color_ffd2aa {
  background: url("../../png/gui/mini_port.png") no-repeat;
  background-position: -180px -32px;
}
.sfp.vlan_color_0077ff .port_input,
.sfp_icon.vlan_color_0077ff,
.qsfp_icon.vlan_color_0077ff {
  background: #07f;
}
.sfp.vlan_color_02d4ee .port_input,
.sfp_icon.vlan_color_02d4ee,
.qsfp_icon.vlan_color_02d4ee {
  background: #02d4ee;
}
.sfp.vlan_color_039140 .port_input,
.sfp_icon.vlan_color_039140,
.qsfp_icon.vlan_color_039140 {
  background: #039140;
}
.sfp.vlan_color_0afad0 .port_input,
.sfp_icon.vlan_color_0afad0,
.qsfp_icon.vlan_color_0afad0 {
  background: #0afad0;
}
.sfp.vlan_color_12826d .port_input,
.sfp_icon.vlan_color_12826d,
.qsfp_icon.vlan_color_12826d {
  background: #12826d;
}
.sfp.vlan_color_1b6b9f .port_input,
.sfp_icon.vlan_color_1b6b9f,
.qsfp_icon.vlan_color_1b6b9f {
  background: #1b6b9f;
}
.sfp.vlan_color_1bbc9b .port_input,
.sfp_icon.vlan_color_1bbc9b,
.qsfp_icon.vlan_color_1bbc9b {
  background: #1bbc9b;
}
.sfp.vlan_color_2dcc70 .port_input,
.sfp_icon.vlan_color_2dcc70,
.qsfp_icon.vlan_color_2dcc70 {
  background: #2dcc70;
}
.sfp.vlan_color_3598db .port_input,
.sfp_icon.vlan_color_3598db,
.qsfp_icon.vlan_color_3598db {
  background: #3598db;
}
.sfp.vlan_color_555b62 .port_input,
.sfp_icon.vlan_color_555b62,
.qsfp_icon.vlan_color_555b62 {
  background: #555b62;
}
.sfp.vlan_color_556b80 .port_input,
.sfp_icon.vlan_color_556b80,
.qsfp_icon.vlan_color_556b80 {
  background: #556b80;
}
.sfp.vlan_color_6e4949 .port_input,
.sfp_icon.vlan_color_6e4949,
.qsfp_icon.vlan_color_6e4949 {
  background: #6e4949;
}
.sfp.vlan_color_73fe28 .port_input,
.sfp_icon.vlan_color_73fe28,
.qsfp_icon.vlan_color_73fe28 {
  background: #73fe28;
}
.sfp.vlan_color_7a3396 .port_input,
.sfp_icon.vlan_color_7a3396,
.qsfp_icon.vlan_color_7a3396 {
  background: #7a3396;
}
.sfp.vlan_color_849797 .port_input,
.sfp_icon.vlan_color_849797,
.qsfp_icon.vlan_color_849797 {
  background: #849797;
}
.sfp.vlan_color_8787fd .port_input,
.sfp_icon.vlan_color_8787fd,
.qsfp_icon.vlan_color_8787fd {
  background: #8787fd;
}
.sfp.vlan_color_9b58b5 .port_input,
.sfp_icon.vlan_color_9b58b5,
.qsfp_icon.vlan_color_9b58b5 {
  background: #9b58b5;
}
.sfp.vlan_color_a2085e .port_input,
.sfp_icon.vlan_color_a2085e,
.qsfp_icon.vlan_color_a2085e {
  background: #a2085e;
}
.sfp.vlan_color_a53125 .port_input,
.sfp_icon.vlan_color_a53125,
.qsfp_icon.vlan_color_a53125 {
  background: #a53125;
}
.sfp.vlan_color_a63b83 .port_input,
.sfp_icon.vlan_color_a63b83,
.qsfp_icon.vlan_color_a63b83 {
  background: #a63b83;
}
.sfp.vlan_color_b7ddf1 .port_input,
.sfp_icon.vlan_color_b7ddf1,
.qsfp_icon.vlan_color_b7ddf1 {
  background: #b7ddf1;
}
.sfp.vlan_color_b85f24 .port_input,
.sfp_icon.vlan_color_b85f24,
.qsfp_icon.vlan_color_b85f24 {
  background: #b85f24;
}
.sfp.vlan_color_bec3c7 .port_input,
.sfp_icon.vlan_color_bec3c7,
.qsfp_icon.vlan_color_bec3c7 {
  background: #bec3c7;
}
.sfp.vlan_color_e4007f .port_input,
.sfp_icon.vlan_color_e4007f,
.qsfp_icon.vlan_color_e4007f {
  background: #e4007f;
}
.sfp.vlan_color_e77e23 .port_input,
.sfp_icon.vlan_color_e77e23,
.qsfp_icon.vlan_color_e77e23 {
  background: #e77e23;
}
.sfp.vlan_color_e84c3d .port_input,
.sfp_icon.vlan_color_e84c3d,
.qsfp_icon.vlan_color_e84c3d {
  background: #e84c3d;
}
.sfp.vlan_color_f1c40f .port_input,
.sfp_icon.vlan_color_f1c40f,
.qsfp_icon.vlan_color_f1c40f {
  background: #f1c40f;
}
.sfp.vlan_color_f39c11 .port_input,
.sfp_icon.vlan_color_f39c11,
.qsfp_icon.vlan_color_f39c11 {
  background: #f39c11;
}
.sfp.vlan_color_f753a2 .port_input,
.sfp_icon.vlan_color_f753a2,
.qsfp_icon.vlan_color_f753a2 {
  background: #f753a2;
}
.sfp.vlan_color_f8e8ae .port_input,
.sfp_icon.vlan_color_f8e8ae,
.qsfp_icon.vlan_color_f8e8ae {
  background: #f8e8ae;
}
.sfp.vlan_color_ff8fb1 .port_input,
.sfp_icon.vlan_color_ff8fb1,
.qsfp_icon.vlan_color_ff8fb1 {
  background: #ff8fb1;
}
.sfp.vlan_color_ffd2aa .port_input,
.sfp_icon.vlan_color_ffd2aa,
.qsfp_icon.vlan_color_ffd2aa {
  background: #ffd2aa;
}
.sfp.vlan_color_ffffff .port_input,
.sfp_icon.vlan_color_ffffff,
.qsfp_icon.vlan_color_ffffff {
  background: #fff;
}
.linkdown {
  background-image: url("../../png/gui/lan_map_port_black.png");
  width: 26px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center center;
}
.uplink_10base {
  background-image: url("../../png/gui/link_color_10base.png");
  width: 26px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center center;
}
.uplink_100base {
  background-image: url("../../png/gui/link_color_100base.png");
  width: 26px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center center;
}
.uplink,
.uplink_1000base {
  background-image: url("../../png/gui/link_color_1000base.png");
  width: 26px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center center;
}
.irregular {
  background-image: url("../../png/gui/poe_color_irregular_stop.png");
  width: 26px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center center;
}
.irregular > .port_inner {
  background-image: url("../../png/gui/poe_color_exclamation_mark.png");
  width: 26px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center center;
}
.sfp > .irregular {
  background-color: #e60012;
  background-image: url("");
  width: 20px;
  height: 20px;
}
.sfp > .irregular > .port_inner {
  background-image: url("../../png/gui/poe_color_exclamation_mark_sfp.png");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
.info_image_swx2100_8g div.portid_1 {
  top: 20px;
  left: 160px;
}
.info_image_swx2100_8g div.portid_2 {
  top: 48px;
  left: 160px;
}
.info_image_swx2100_8g div.portid_3 {
  top: 20px;
  left: 190px;
}
.info_image_swx2100_8g div.portid_4 {
  top: 48px;
  left: 190px;
}
.info_image_swx2100_8g div.portid_5 {
  top: 20px;
  left: 220px;
}
.info_image_swx2100_8g div.portid_6 {
  top: 48px;
  left: 220px;
}
.info_image_swx2100_8g div.portid_7 {
  top: 20px;
  left: 250px;
}
.info_image_swx2100_8g div.portid_8 {
  top: 48px;
  left: 250px;
}
.info_image_swx2100_16g div.portid_1 {
  top: 20px;
  left: 160px;
}
.info_image_swx2100_16g div.portid_2 {
  top: 48px;
  left: 160px;
}
.info_image_swx2100_16g div.portid_3 {
  top: 20px;
  left: 190px;
}
.info_image_swx2100_16g div.portid_4 {
  top: 48px;
  left: 190px;
}
.info_image_swx2100_16g div.portid_5 {
  top: 20px;
  left: 220px;
}
.info_image_swx2100_16g div.portid_6 {
  top: 48px;
  left: 220px;
}
.info_image_swx2100_16g div.portid_7 {
  top: 20px;
  left: 250px;
}
.info_image_swx2100_16g div.portid_8 {
  top: 48px;
  left: 250px;
}
.info_image_swx2100_16g div.portid_9 {
  top: 20px;
  left: 294px;
}
.info_image_swx2100_16g div.portid_10 {
  top: 48px;
  left: 294px;
}
.info_image_swx2100_16g div.portid_11 {
  top: 20px;
  left: 324px;
}
.info_image_swx2100_16g div.portid_12 {
  top: 48px;
  left: 324px;
}
.info_image_swx2100_16g div.portid_13 {
  top: 20px;
  left: 354px;
}
.info_image_swx2100_16g div.portid_14 {
  top: 48px;
  left: 354px;
}
.info_image_swx2100_16g div.portid_15 {
  top: 20px;
  left: 384px;
}
.info_image_swx2100_16g div.portid_16 {
  top: 48px;
  left: 384px;
}
.info_image_swx2100_24g div.portid_1 {
  top: 20px;
  left: 116px;
}
.info_image_swx2100_24g div.portid_2 {
  top: 48px;
  left: 116px;
}
.info_image_swx2100_24g div.portid_3 {
  top: 20px;
  left: 146px;
}
.info_image_swx2100_24g div.portid_4 {
  top: 48px;
  left: 146px;
}
.info_image_swx2100_24g div.portid_5 {
  top: 20px;
  left: 176px;
}
.info_image_swx2100_24g div.portid_6 {
  top: 48px;
  left: 176px;
}
.info_image_swx2100_24g div.portid_7 {
  top: 20px;
  left: 206px;
}
.info_image_swx2100_24g div.portid_8 {
  top: 48px;
  left: 206px;
}
.info_image_swx2100_24g div.portid_9 {
  top: 20px;
  left: 246px;
}
.info_image_swx2100_24g div.portid_10 {
  top: 48px;
  left: 246px;
}
.info_image_swx2100_24g div.portid_11 {
  top: 20px;
  left: 276px;
}
.info_image_swx2100_24g div.portid_12 {
  top: 48px;
  left: 276px;
}
.info_image_swx2100_24g div.portid_13 {
  top: 20px;
  left: 306px;
}
.info_image_swx2100_24g div.portid_14 {
  top: 48px;
  left: 306px;
}
.info_image_swx2100_24g div.portid_15 {
  top: 20px;
  left: 336px;
}
.info_image_swx2100_24g div.portid_16 {
  top: 48px;
  left: 336px;
}
.info_image_swx2100_24g div.portid_17 {
  top: 20px;
  left: 376px;
}
.info_image_swx2100_24g div.portid_18 {
  top: 48px;
  left: 376px;
}
.info_image_swx2100_24g div.portid_19 {
  top: 20px;
  left: 406px;
}
.info_image_swx2100_24g div.portid_20 {
  top: 48px;
  left: 406px;
}
.info_image_swx2100_24g div.portid_21 {
  top: 20px;
  left: 436px;
}
.info_image_swx2100_24g div.portid_22 {
  top: 48px;
  left: 436px;
}
.info_image_swx2100_24g div.portid_23 {
  top: 20px;
  left: 466px;
}
.info_image_swx2100_24g div.portid_24 {
  top: 48px;
  left: 466px;
}
.info_image_swx2100_24g div.portid_25 {
  top: 26px;
  left: 510px;
}
.info_image_swx2100_24g div.portid_26 {
  top: 48px;
  left: 510px;
}
.info_image_swx2100_24g div.portid_27 {
  top: 26px;
  left: 534px;
}
.info_image_swx2100_24g div.portid_28 {
  top: 48px;
  left: 534px;
}
.info_image_swx2100_5poe div.portid_1 {
  top: 48px;
  left: 127px;
}
.info_image_swx2100_5poe div.portid_2 {
  top: 48px;
  left: 157px;
}
.info_image_swx2100_5poe div.portid_3 {
  top: 48px;
  left: 187px;
}
.info_image_swx2100_5poe div.portid_4 {
  top: 48px;
  left: 217px;
}
.info_image_swx2100_5poe div.portid_5 {
  top: 48px;
  left: 257px;
}
.info_image_swx2100_10poe div.portid_1 {
  top: 20px;
  left: 132px;
}
.info_image_swx2100_10poe div.portid_2 {
  top: 48px;
  left: 132px;
}
.info_image_swx2100_10poe div.portid_3 {
  top: 20px;
  left: 162px;
}
.info_image_swx2100_10poe div.portid_4 {
  top: 48px;
  left: 162px;
}
.info_image_swx2100_10poe div.portid_5 {
  top: 20px;
  left: 192px;
}
.info_image_swx2100_10poe div.portid_6 {
  top: 48px;
  left: 192px;
}
.info_image_swx2100_10poe div.portid_7 {
  top: 20px;
  left: 222px;
}
.info_image_swx2100_10poe div.portid_8 {
  top: 48px;
  left: 222px;
}
.info_image_swx2100_10poe div.portid_9 {
  top: 20px;
  left: 257px;
}
.info_image_swx2100_10poe div.portid_10 {
  top: 48px;
  left: 257px;
}
.info_image_swx2200_24g div.portid_1 {
  top: 20px;
  left: 155px;
}
.info_image_swx2200_24g div.portid_2 {
  top: 48px;
  left: 155px;
}
.info_image_swx2200_24g div.portid_3 {
  top: 20px;
  left: 185px;
}
.info_image_swx2200_24g div.portid_4 {
  top: 48px;
  left: 185px;
}
.info_image_swx2200_24g div.portid_5 {
  top: 20px;
  left: 215px;
}
.info_image_swx2200_24g div.portid_6 {
  top: 48px;
  left: 215px;
}
.info_image_swx2200_24g div.portid_7 {
  top: 20px;
  left: 245px;
}
.info_image_swx2200_24g div.portid_8 {
  top: 48px;
  left: 245px;
}
.info_image_swx2200_24g div.portid_9 {
  top: 20px;
  left: 289px;
}
.info_image_swx2200_24g div.portid_10 {
  top: 48px;
  left: 289px;
}
.info_image_swx2200_24g div.portid_11 {
  top: 20px;
  left: 319px;
}
.info_image_swx2200_24g div.portid_12 {
  top: 48px;
  left: 319px;
}
.info_image_swx2200_24g div.portid_13 {
  top: 20px;
  left: 349px;
}
.info_image_swx2200_24g div.portid_14 {
  top: 48px;
  left: 349px;
}
.info_image_swx2200_24g div.portid_15 {
  top: 20px;
  left: 379px;
}
.info_image_swx2200_24g div.portid_16 {
  top: 48px;
  left: 379px;
}
.info_image_swx2200_24g div.portid_17 {
  top: 20px;
  left: 423px;
}
.info_image_swx2200_24g div.portid_18 {
  top: 48px;
  left: 423px;
}
.info_image_swx2200_24g div.portid_19 {
  top: 20px;
  left: 453px;
}
.info_image_swx2200_24g div.portid_20 {
  top: 48px;
  left: 453px;
}
.info_image_swx2200_24g div.portid_21 {
  top: 20px;
  left: 483px;
}
.info_image_swx2200_24g div.portid_22 {
  top: 48px;
  left: 483px;
}
.info_image_swx2200_24g div.portid_23 {
  top: 20px;
  left: 513px;
}
.info_image_swx2200_24g div.portid_24 {
  top: 48px;
  left: 513px;
}
.info_image_swx2200_8g div.portid_1 {
  top: 20px;
  left: 155px;
}
.info_image_swx2200_8g div.portid_2 {
  top: 48px;
  left: 155px;
}
.info_image_swx2200_8g div.portid_3 {
  top: 20px;
  left: 185px;
}
.info_image_swx2200_8g div.portid_4 {
  top: 48px;
  left: 185px;
}
.info_image_swx2200_8g div.portid_5 {
  top: 20px;
  left: 215px;
}
.info_image_swx2200_8g div.portid_6 {
  top: 48px;
  left: 215px;
}
.info_image_swx2200_8g div.portid_7 {
  top: 20px;
  left: 245px;
}
.info_image_swx2200_8g div.portid_8 {
  top: 48px;
  left: 245px;
}
.info_image_wlx402 div.portid_1 {
  top: 51px;
  left: 105px;
}
.info_image_wlx402 div.portid_2 {
  top: 51px;
  left: 163px;
}
.info_image_wlx402 div.portid_3001 {
  top: 48px;
  left: 215px;
  width: 38px;
  height: 27px;
}
.info_image_wlx402 div.portid_3101 {
  top: 48px;
  left: 273px;
  width: 38px;
  height: 27px;
}
.info_image_wlx302 div.portid_1 {
  top: 27px;
  left: 105px;
}
.info_image_wlx302 div.portid_3001 {
  top: 24px;
  left: 157px;
  width: 38px;
  height: 27px;
}
.info_image_wlx302 div.portid_3101 {
  top: 24px;
  left: 215px;
  width: 38px;
  height: 27px;
}
.info_image_wlx202 div.portid_1 {
  top: 51px;
  left: 105px;
}
.info_image_wlx202 div.portid_3001 {
  top: 48px;
  left: 157px;
  width: 38px;
  height: 27px;
}
.info_image_wlx202 div.portid_3101 {
  top: 48px;
  left: 215px;
  width: 38px;
  height: 27px;
}
.info_image_swx2300_8g div.portid_1 {
  top: 20px;
  left: 155px;
}
.info_image_swx2300_8g div.portid_2 {
  top: 48px;
  left: 155px;
}
.info_image_swx2300_8g div.portid_3 {
  top: 20px;
  left: 185px;
}
.info_image_swx2300_8g div.portid_4 {
  top: 48px;
  left: 185px;
}
.info_image_swx2300_8g div.portid_5 {
  top: 20px;
  left: 215px;
}
.info_image_swx2300_8g div.portid_6 {
  top: 48px;
  left: 215px;
}
.info_image_swx2300_8g div.portid_7 {
  top: 20px;
  left: 245px;
}
.info_image_swx2300_8g div.portid_8 {
  top: 48px;
  left: 245px;
}
.info_image_swx2300_8g div.portid_9 {
  top: 46px;
  left: 288px;
}
.info_image_swx2300_16g div.portid_1 {
  top: 20px;
  left: 155px;
}
.info_image_swx2300_16g div.portid_2 {
  top: 48px;
  left: 155px;
}
.info_image_swx2300_16g div.portid_3 {
  top: 20px;
  left: 185px;
}
.info_image_swx2300_16g div.portid_4 {
  top: 48px;
  left: 185px;
}
.info_image_swx2300_16g div.portid_5 {
  top: 20px;
  left: 215px;
}
.info_image_swx2300_16g div.portid_6 {
  top: 48px;
  left: 215px;
}
.info_image_swx2300_16g div.portid_7 {
  top: 20px;
  left: 245px;
}
.info_image_swx2300_16g div.portid_8 {
  top: 48px;
  left: 245px;
}
.info_image_swx2300_16g div.portid_9 {
  top: 20px;
  left: 289px;
}
.info_image_swx2300_16g div.portid_10 {
  top: 48px;
  left: 289px;
}
.info_image_swx2300_16g div.portid_11 {
  top: 20px;
  left: 319px;
}
.info_image_swx2300_16g div.portid_12 {
  top: 48px;
  left: 319px;
}
.info_image_swx2300_16g div.portid_13 {
  top: 20px;
  left: 349px;
}
.info_image_swx2300_16g div.portid_14 {
  top: 48px;
  left: 349px;
}
.info_image_swx2300_16g div.portid_15 {
  top: 20px;
  left: 379px;
}
.info_image_swx2300_16g div.portid_16 {
  top: 48px;
  left: 379px;
}
.info_image_swx2300_16g div.portid_17 {
  top: 46px;
  left: 422px;
}
.info_image_swx2300_16g div.portid_18 {
  top: 46px;
  left: 446px;
}
.info_image_swx2300_24g div.portid_1 {
  top: 20px;
  left: 80px;
}
.info_image_swx2300_24g div.portid_2 {
  top: 48px;
  left: 80px;
}
.info_image_swx2300_24g div.portid_3 {
  top: 20px;
  left: 110px;
}
.info_image_swx2300_24g div.portid_4 {
  top: 48px;
  left: 110px;
}
.info_image_swx2300_24g div.portid_5 {
  top: 20px;
  left: 140px;
}
.info_image_swx2300_24g div.portid_6 {
  top: 48px;
  left: 140px;
}
.info_image_swx2300_24g div.portid_7 {
  top: 20px;
  left: 170px;
}
.info_image_swx2300_24g div.portid_8 {
  top: 48px;
  left: 170px;
}
.info_image_swx2300_24g div.portid_9 {
  top: 20px;
  left: 210px;
}
.info_image_swx2300_24g div.portid_10 {
  top: 48px;
  left: 210px;
}
.info_image_swx2300_24g div.portid_11 {
  top: 20px;
  left: 240px;
}
.info_image_swx2300_24g div.portid_12 {
  top: 48px;
  left: 240px;
}
.info_image_swx2300_24g div.portid_13 {
  top: 20px;
  left: 270px;
}
.info_image_swx2300_24g div.portid_14 {
  top: 48px;
  left: 270px;
}
.info_image_swx2300_24g div.portid_15 {
  top: 20px;
  left: 300px;
}
.info_image_swx2300_24g div.portid_16 {
  top: 48px;
  left: 300px;
}
.info_image_swx2300_24g div.portid_17 {
  top: 20px;
  left: 340px;
}
.info_image_swx2300_24g div.portid_18 {
  top: 48px;
  left: 340px;
}
.info_image_swx2300_24g div.portid_19 {
  top: 20px;
  left: 370px;
}
.info_image_swx2300_24g div.portid_20 {
  top: 48px;
  left: 370px;
}
.info_image_swx2300_24g div.portid_21 {
  top: 20px;
  left: 400px;
}
.info_image_swx2300_24g div.portid_22 {
  top: 48px;
  left: 400px;
}
.info_image_swx2300_24g div.portid_23 {
  top: 20px;
  left: 430px;
}
.info_image_swx2300_24g div.portid_24 {
  top: 48px;
  left: 430px;
}
.info_image_swx2300_24g div.portid_25 {
  top: 46px;
  left: 469px;
}
.info_image_swx2300_24g div.portid_26 {
  top: 46px;
  left: 493px;
}
.info_image_swx2300_24g div.portid_27 {
  top: 46px;
  left: 517px;
}
.info_image_swx2300_24g div.portid_28 {
  top: 46px;
  left: 541px;
}
.info_image_unknown_slave div.portid_1 {
  top: 20px;
  left: 155px;
}
.info_image_unknown_slave div.portid_2 {
  top: 48px;
  left: 155px;
}
.info_image_unknown_slave div.portid_3 {
  top: 20px;
  left: 185px;
}
.info_image_unknown_slave div.portid_4 {
  top: 48px;
  left: 185px;
}
.info_image_unknown_slave div.portid_5 {
  top: 20px;
  left: 215px;
}
.info_image_unknown_slave div.portid_6 {
  top: 48px;
  left: 215px;
}
.info_image_unknown_slave div.portid_7 {
  top: 20px;
  left: 245px;
}
.info_image_unknown_slave div.portid_8 {
  top: 48px;
  left: 245px;
}
.lan_map_setting_background {
  background: #fff;
  padding: 20px;
}
.space20 {
  margin: 20px;
}
.term_list_div {
  background-color: #4c4d4d;
  padding: 0 0 0 10px;
}
.toggle {
  float: left;
}
.toggle input {
  display: none;
}
.toggle label {
  display: block;
  float: left;
  cursor: pointer;
  min-width: 70px;
  margin: 0;
  padding: 4px;
  border: 1px solid #b4b4b4;
  border-left-width: 0px;
  background-color: #fff;
  color: #000;
  text-align: center;
  line-height: 1;
  transition: 0.2s;
}
.toggle label:first-of-type {
  border-left-width: 1px;
}
.toggle input[type="radio"]:checked + label {
  background-color: #4c4d4d;
  color: #fff;
  font-weight: bold;
}
.toggle .checkedlabel {
  background-color: #abb2b7;
  color: #000;
}
/* For IE8 */
.toggle label.left {
  border-left-width: 1px;
}
.toggle label.checkedlabel_ie8 {
  background-color: #abb2b7;
  color: #000;
  font-weight: bold;
}
/* ----------------------------------------------------------- *
 * search window
 * ----------------------------------------------------------- */
.keywords {
  width: 182px;
  height: 16px;
  border: none;
  padding: 2px;
  padding-right: 4px;
  padding-left: 4px;
  color: #000;
  float: right;
}
.keywords::-ms-clear {
  display: none;
}
.searchBtn {
  width: 16px;
  height: 16px;
  background: #fff;
  padding: 2px;
  float: right;
}
.searchTitle {
  display: block;
  overflow: hidden;
  height: 20px;
  color: #fff;
}
.searchTitle div {
  display: block;
  overflow: hidden;
  height: 20px;
}
.searchTitle div span {
  display: table-cell;
  height: 20px;
  vertical-align: middle;
}
.searchTitle .searchTitleString {
  float: left;
  margin: 0 10px 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.searchTitle .bgn_square {
  float: left;
  margin-left: 10px;
}
.searchTitle .searchTitleSquare {
  background: #5f8ca3;
  margin: 3px 0;
  height: 14px;
  width: 14px;
}
.searchTitleLine {
  background: #b4b4b5;
  height: 1px;
  margin: 5px 0px 0px 10px;
}
*:first-child + html .searchBtn {
  top: 1px;
}
.searchResetBtn {
  width: 16px;
  height: 16px;
  background: #fff;
  padding: 2px;
  margin: 0 5px 0 0;
  float: right;
}
/* ---------------------------------------------
 *
 */
#info_display {
  background-color: #000;
  padding: 1px;
}
#info_setting_bar {
  margin: 10px;
  color: #fff;
}
.device_info_window_a {
  background-color: #000;
  margin: 6px;
  padding: 3px;
}
.device_info_window_b {
  background: #000;
  border: 1px solid #2163ee;
}
/* ---------------------------------------------
 *
 */
.round_button {
  border-radius: 5px; /* CSS3草案 */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
}
.normal_button {
  cursor: pointer;
  padding: 5px 10px;
  font-size: 13px;
  border: 1px solid #000;
  color: #fff;
  background-color: #4c4d4d;
  border-radius: 5px; /* CSS3草案 */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
}
.normal_button:hover {
  border: 1px solid #6e727a;
  background: #6e727a;
}
.normal_button:active {
  background: #303238;
}
#info_setting_bar .cell {
  margin-right: 15px;
  display: inline-table;
  vertical-align: middle;
}
/*********************************************************************/
/* 高機能テーブル                                                    */
/*********************************************************************/
.terminal-list.richtable {
  width: 600px;
  border: 0px solid #000;
  table-layout: fixed;
  word-break: break-all;
}
table.richtable {
  border-spacing: 0px;
}
/* 文字のセンタリング (theadは左寄せなので、これをセンタリングするためのもの)*/
.terminal-list.richtable .center > tr > td {
  text-align: center;
}
/* thead *************************************************************/
.terminal-list.richtable thead {
  color: #fff;
  background-color: #959595;
  border-color: #797777;
}
.terminal-list.richtable thead td {
  text-align: left;
  height: 35px;
  border-bottom: 1px solid #5c5a5a;
}
/* 2列目の幅を調整 */
.terminal-list.richtable thead tr td:nth-child(2) {
  width: 54px;
}
/* 2列目以降の左側に線を引く */
.terminal-list.richtable thead tr td:nth-child(n+2) {
  border-left: 1px solid #5c5a5a;
}
/* 手動でヘッダの左側に線を引く場合に使う   */
.terminal-list.richtable thead tr td.l-line {
  border-left: 1px solid #b4b4b5;
}
/* 手動で左側に線を引く場合に使う   */
.terminal-list.richtable .l-line {
  border-left: 1px solid #5c5a5a;
}
/* tbody ************************************************************* */
.terminal-list.richtable tbody td {
  border: 1px solid #b4b4b5;
  height: 26px;
}
.terminal-list.richtable tbody tr td {
  border-top: none;
}
.terminal-list.richtable tbody tr td {
  border-left: none;
}
.terminal-list.richtable tbody tr td:first-child {
  text-align: center;
}
.terminal-list.richtable tbody tr td:first-child,
.terminal-list.richtable tbody tr td.left-border {
  border-left: 1px solid #b4b4b5;
}
/* 種類の列を中央寄せ */
.terminal-list.richtable tbody tr td:nth-child(4) {
  text-align: center;
  vertical-align: middle;
}
.terminal-list.richtable tbody tr:nth-child(2n) {
  background-color: #4c4c4c;
  color: #fff;
}
.terminal-list.richtable tbody tr {
  background-color: #424242;
  color: #fff;
}
div.terminal-list-div {
  margin: 10px;
  overflow: auto;
}
.ie8 div.terminal-list-div {
  overflow: scroll;
}
.info_image_swx2200_8poe div.portid_1 {
  top: 20px;
  left: 155px;
}
.info_image_swx2200_8poe div.portid_2 {
  top: 48px;
  left: 155px;
}
.info_image_swx2200_8poe div.portid_3 {
  top: 20px;
  left: 185px;
}
.info_image_swx2200_8poe div.portid_4 {
  top: 48px;
  left: 185px;
}
.info_image_swx2200_8poe div.portid_5 {
  top: 20px;
  left: 215px;
}
.info_image_swx2200_8poe div.portid_6 {
  top: 48px;
  left: 215px;
}
.info_image_swx2200_8poe div.portid_7 {
  top: 20px;
  left: 245px;
}
.info_image_swx2200_8poe div.portid_8 {
  top: 48px;
  left: 245px;
}
.info_image_swp1_8 div.portid_1 {
  top: 70px;
  left: 288px;
}
.info_image_swp1_8 div.portid_2 {
  top: 70px;
  left: 324px;
}
.info_image_swp1_8 div.portid_3 {
  top: 70px;
  left: 360px;
}
.info_image_swp1_8 div.portid_4 {
  top: 70px;
  left: 396px;
}
.info_image_swp1_8 div.portid_5 {
  top: 15px;
  left: 70px;
}
.info_image_swp1_8 div.portid_6 {
  top: 15px;
  left: 106px;
}
.info_image_swp1_8 div.portid_7 {
  top: 15px;
  left: 142px;
}
.info_image_swp1_8 div.portid_8 {
  top: 15px;
  left: 178px;
}
.info_image_swp1_8 div.portid_9 {
  top: 18px;
  left: 221px;
}
.info_image_swp1_8 div.portid_10 {
  top: 18px;
  left: 255px;
}
.info_image_swp1_16 div.portid_1 {
  top: 69px;
  left: 137px;
}
.info_image_swp1_16 div.portid_2 {
  top: 69px;
  left: 173px;
}
.info_image_swp1_16 div.portid_3 {
  top: 69px;
  left: 209px;
}
.info_image_swp1_16 div.portid_4 {
  top: 69px;
  left: 245px;
}
.info_image_swp1_16 div.portid_5 {
  top: 69px;
  left: 288px;
}
.info_image_swp1_16 div.portid_6 {
  top: 69px;
  left: 324px;
}
.info_image_swp1_16 div.portid_7 {
  top: 69px;
  left: 360px;
}
.info_image_swp1_16 div.portid_8 {
  top: 69px;
  left: 396px;
}
.info_image_swp1_16 div.portid_9 {
  top: 57px;
  left: 440px;
}
.info_image_swp1_16 div.portid_10 {
  top: 75px;
  left: 440px;
}
.info_image_swp1_16 div.portid_11 {
  top: 57px;
  left: 469px;
}
.info_image_swp1_16 div.portid_12 {
  top: 75px;
  left: 469px;
}
.info_image_swp1_16 div.portid_13 {
  top: 15px;
  left: 70px;
}
.info_image_swp1_16 div.portid_14 {
  top: 15px;
  left: 106px;
}
.info_image_swp1_16 div.portid_15 {
  top: 15px;
  left: 142px;
}
.info_image_swp1_16 div.portid_16 {
  top: 15px;
  left: 178px;
}
.info_image_swp1_16 div.portid_17 {
  top: 18px;
  left: 221px;
}
.info_image_swp1_16 div.portid_18 {
  top: 18px;
  left: 255px;
}
.info_image_swp1_8 .linkdown,
.info_image_swp1_8 .uplink_10base,
.info_image_swp1_8 .uplink_100base,
.info_image_swp1_8 .uplink_1000base,
.info_image_swp1_8 .irregular,
.info_image_swp1_8 .irregular > .port_inner,
.info_image_swp1_16 .linkdown,
.info_image_swp1_16 .uplink_10base,
.info_image_swp1_16 .uplink_100base,
.info_image_swp1_16 .uplink_1000base,
.info_image_swp1_16 .irregular,
.info_image_swp1_16 .irregular > .port_inner {
  background-size: 65% 62%;
}
.info_image_swp1_8 .sfp .port_input,
.info_image_swp1_16 .sfp .port_input {
  width: 11px;
  height: 11px;
}
.info_image_swp1_8 .sfp > .irregular > .port_inner,
.info_image_swp1_16 .sfp > .irregular > .port_inner {
  width: 11px;
  height: 11px;
  background-size: 110% 110%;
}
img.notice_icon {
  display: none;
}
.notice_view img.notice_icon {
  display: inline;
  padding: 6px 1px;
  width: 20px;
  height: 20px;
}
/*******************************************************************************
 * マルチプルVLAN
 *****************************************************************************/
#multiple_vlan_main {
  padding: 0 20px;
}
.mvlan_slider_box {
  height: 25px;
}
.mvlan_slider_box > .ui-slider {
  width: 200px;
  margin-left: 20px;
  margin-right: 10px;
}
.mvlan_slider_range {
  margin-left: 10px;
  color: #fff;
}
.mvlan_slider_box > .ui-slider > .ui-slider-handle {
  width: 0.8em;
  height: 1.4em;
  background-color: #fff;
  border: 1px solid #a0a0a0;
  border-radius: 2px;
}
#multiple_vlan_map {
  min-width: 0;
  display: inline-block;
  _display: inline;
  border-collapse: separate; /* セルの間隔を空ける */
  border-spacing: 4px 4px; /* 左右 上下で記述 */
  max-height: 550px;
}
.multiple_vlan_group {
  display: table-row;
}
.multiple_vlan_head,
.multiple_vlan_head_port,
.multiple_vlan_head_group,
.multiple_vlan_cell {
  font-size: 1.4rem;
  padding: 1px;
  display: table-cell;
}
.mvlan_if_row {
  text-align: right;
}
.mvlan_if_dummy,
.mvlan_if_name {
  display: inline-block;
  height: 38px;
  vertical-align: middle;
}
.mvlan_if_dummy:not(:first-child) {
  margin-left: 4px;
}
.mvlan_if_dummy {
  width: 36px;
  vertical-align: middle;
}
.mvlan_if_type {
  height: 16px;
}
.mvlan_if_name {
  text-align: center;
  background-color: #b9b9b9;
  margin-right: 4px;
  border: 2px solid #111;
  border-bottom: 0;
  box-sizing: border-box;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  box-shadow: 2px 2px #2e2f2f;
  -moz-box-shadow: 2px 2px #2e2f2f;
  -webkit-box-shadow: 2px 2px #2e2f2f;
}
.mvlan_if_num {
  display: inline-block;
  height: 20px;
  background-color: #888;
  border: 2px solid #111;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  padding-top: 2px;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}
.mvlan_if_num_wd1 {
  width: 32px;
}
.mvlan_if_num_wd2 {
  width: 40px;
}
.multiple_vlan_head,
.multiple_vlan_head_port,
.multiple_vlan_head_group {
  text-align: center;
  vertical-align: middle;
  background-color: #e4e4e4;
  border-radius: 5px; /* CSS3 */
/* 角丸 */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
/* 影 */
  box-shadow: 2px 3px #2e2f2f;
  -moz-box-shadow: 2px 3px #2e2f2f;
  -webkit-box-shadow: 2px 3px #2e2f2f;
  margin: 2px 2px 2px 2px;
  cursor: pointer;
}
.multiple_vlan_cell {
  border: 1px solid #818181;
  margin: 1px 1px 1px 1px;
  padding: 4px 2px 3px 2px;
  border-radius: 2px;
}
.multiple_vlan_cell:hover {
  background-color: #818181;
}
.multiple_vlan_port {
  padding: 2px;
}
.multiple_vlan_port_image {
  width: 26px;
  height: 21px;
}
.multiple_vlan_cell_port {
  cursor: pointer;
}
.multiple_vlan_port.vlan_off,
.port.vlan_off {
  background: url("../../png/gui/lan_map_port_black.png") no-repeat;
  background-position: 2px 2px;
}
.multiple_vlan_link {
  width: 26px;
  height: 21px;
}
.vlan_off .multiple_vlan_uplink {
  background-image: url("../../png/gui/up_link_white.png");
}
.vlan_on .multiple_vlan_uplink {
  background-image: url("../../png/gui/up_link_black.png");
}
.small .vlan_on .multiple_vlan_uplink,
.small .vlan_off .multiple_vlan_uplink {
  background-image: none;
}
.small .multiple_vlan_head,
.small .multiple_vlan_head_port,
.small .multiple_vlan_head_group,
.small .multiple_vlan_cell,
.small .mvlan_if_name {
  font-size: 0.9rem;
  padding: 0;
}
.small .multiple_vlan_link {
  width: 14px;
  height: 12px;
}
.small .mvlan_if_name {
  height: 28px;
}
.small .mvlan_if_dummy:first-child {
  width: 34px;
}
.small .mvlan_if_dummy {
  height: 28px;
  width: 20px;
}
.small .mvlan_if_type {
  height: 12px;
}
.small .mvlan_if_num {
  height: 14px;
  padding: 0;
}
.small .mvlan_if_num_wd1 {
  width: 16px;
}
.small .mvlan_if_num_wd2 {
  width: 24px;
}
/* vlanマップの上側の見出し */
#multiple_left_head_string {
  position: absolute;
}
#multiple_vlan_map_rowhead {
  height: 20px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}
/* vlanマップの左側の見出し */
#multiple_vlan_map_colhead {
  width: 20px;
  max-height: 100%;
  min-height: 36px; /* 1行分の高さ */
  float: none;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  position: relative;
  top: 0;
  left: 0;
  vertical-align: top;
}
/* 対角線上にVLANを設定 */
#multiple_vlan_diagonal_switch {
  text-align: center;
  width: 32px;
  height: 32px;
  background: url("../../png/gui/multiple_arrow.png") no-repeat;
  cursor: pointer;
  margin: 0 1px;
}
/* マルチプルVLAN設定マップの ON/OFFトグル */
.toogle_line_container {
  margin: 5px 0 0 0;
  white-space: nowrap;
  overflow: hidden;
  height: 40px;
}
.toogle_line {
  width: 100%;
  background: #818181;
  margin: 16px 0 13px 10px;
  height: 2px; /* marginと合わせて35px */
}
#multiple_vlan_toggle {
  text-align: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
#multiple_vlan_toggle:hover {
  background-color: #818181;
}
#multiple_vlan_not_support {
  width: 100%;
  padding: 5px 0 0 10px;
}
/* グループごとの参加ポート表示ボックス */
.multiple_vlan_info_box {
  padding: 15px 0 10px 0;
}
.multiple_vlan_info_box_inner {
  width: 100%;
  height: 100%;
  border: 1px solid #818181;
  overflow: hidden;
}
#multiple_vlan_image {
/* クラスが消えてしまうのでIDで指定 */
  float: left;
  width: calc(100% - 235px - 6px);
  margin: 3px;
  display: inline-block;
  _display: inline;
  overflow-x: auto;
}
#multiple_vlan_image.info_image_swx2200_24g .panel {
  width: 586px;
}
#multiple_vlan_map_wrapper {
  overflow: auto;
}
/* その他・マルチプルVLAN共通 */
.inline_object {
  display: inline-block;
  _display: inline;
}
/* 確定ボタン */
.multiple_vlan_button_set {
  padding: 2px 35px;
  margin: 0 15px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: Meiryo;
  min-width: 100px;
  text-align: center;
}
button.disabled {
  cursor: auto;
  color: #aaa;
}
button.disabled:hover {
  color: #aaa;
}
/*****************************************************************************/
/* VLAN                                                                      */
/*****************************************************************************/
/* redmine#6097 iPad上のSafariでタグVLANの設定画面を表示させると下に白い帯が表示される */
_::-webkit-full-page-media,
_:future,
:root #vlan_map.contents-box,
:root #vlan_map.contents-box > div {
  height: 100%;
}
#vlan_map.contents-box {
  padding: 15px;
}
.vlantag-window {
  display: block;
  overflow-y: scroll;
  margin: 0 5px;
}
#vlantag-list.richtable {
  margin: 0;
  border: 1px solid #b4b4b5;
}
#vlantag-list.richtable tbody tr:nth-child(2n) {
  background-color: #4c4c4c;
  color: #fff;
}
#vlantag-list.richtable tbody tr {
  background-color: #424242;
  color: #fff;
}
#vlantag-list.richtable tbody tr.selected > td {
  background-color: #8a8989;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#vlantag-list.richtable tbody tr.selected > td:first-child {
  border-left: 2px solid #fff;
}
#vlantag-list.richtable tbody tr.selected > td:last-child {
  border-right: 2px solid #fff;
}
#vlantag-list.richtable tbody tr.disabled > td > button {
  background-color: #d8d5d5;
  cursor: default;
  border: 1px solid #888585;
  color: #8e8e8e;
  box-shadow: 1px 1px #9e9d9d;
}
#vlan_map.contents-box .commander {
  display: table;
  background-color: #fff;
  margin: 10px 0;
  width: 100%;
  height: 50px;
  color: #000;
  font-size: 1.5rem;
}
#vlan_map.contents-box .commander > div {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}
/*****************************************************************************/
/* VLANツリー                                                                */
/*****************************************************************************/
#vlan_tree * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#vlan_tree .inline {
  display: inline-block;
  vertical-align: top;
}
#vlan_tree {
  background-color: #4c4d4d;
  min-height: 620px;
}
#vlan_tree span.dynatree-empty,
#vlan_tree span.dynatree-vline,
#vlan_tree span.dynatree-connector,
#vlan_tree span.dynatree-expander,
#vlan_tree span.dynatree-checkbox,
#vlan_tree span.dynatree-radio,
#vlan_tree span.dynatree-drag-helper-img {
  width: 32px;
  height: 115px;
  background-image: url("../../png/gui/lan_map_icons_long.png");
  display: inline-block;
  vertical-align: top;
}
#vlan_tree .panel {
/*position: absolute;*/
/*margin-top: 15px;*/
/*margin-left: 0;*/
  margin: 0;
}
#vlan_tree .info_image_swx2200_24g .panel {
  width: 586px;
}
#vlan_tree .info_image_swx2300_24g .panel {
  width: 606px;
}
#vlan_tree .dynatree-lastsib {
  cursor: default;
}
/*.comment {*/
/*display:table-cell;*/
/*vertical-align: top;*/
/*padding-top:15px;*/
/*cursor: default;*/
/*-webkit-touch-callout: text !important;*/
/*-webkit-user-select: text !important;*/
/*-khtml-user-select: text !important;*/
/*-moz-user-select: text !important;*/
/*-ms-user-select: text !important;*/
/*user-select: text !important;*/
/*}*/
/*******************************************************************************
 * Lines and connectors
 */
#vlan_tree span.dynatree-connector {
  background-position: 0px 0px;
}
#vlan_tree .dynatree-exp-cl span.dynatree-connector {
  background-position: -32px 0px;
}
/*******************************************************************************
 * Expander icon
 */
#vlan_tree span.dynatree-expander {
  background-position: 0px -115px;
  cursor: pointer;
}
#vlan_tree span.dynatree-expander:hover {
  background-position: 0px -115px;
  cursor: pointer;
}
/* Collapsed, not delayed, last sibling */
#vlan_tree .dynatree-exp-cl span.dynatree-expander {
  background-position: 0px -230px;
}
/* Collapsed, delayed, not last sibling */
#vlan_tree .dynatree-exp-cd span.dynatree-expander {
  background-position: -128px -115px;
}
/* Collapsed, delayed, last sibling */
#vlan_tree .dynatree-exp-cdl span.dynatree-expander {
  background-position: -128px -115px;
}
/* Expanded, not delayed, not last sibling */
/* Expanded, delayed, not last sibling */
#vlan_tree .dynatree-exp-e span.dynatree-expander,
#vlan_tree .dynatree-exp-ed span.dynatree-expander {
  background-position: -64px -115px;
}
/* Expanded, not delayed, last sibling */
/* Expanded, delayed, last sibling */
#vlan_tree .dynatree-exp-el span.dynatree-expander,
#vlan_tree .dynatree-exp-edl span.dynatree-expander {
  background-position: -64px -230px;
}
.terminal-list.richtable tr.search-result {
  background-color: #5f8ca3 !important;
}
.terminal-list.richtable tr.snapshot {
  background-color: #e60012 !important;
}
.terminal-list.richtable tr.snapshot-lost {
  background-color: #e60012 !important;
}
.terminal-list.richtable tr.snapshot-lost span.dynatree-icon {
  opacity: 0.7;
}
#delete_snapshot {
  float: left;
  padding-top: 40px;
  font-size: 13px;
  font-size: 1.3rem;
  cursor: pointer;
  text-decoration: underline;
}
/*******************************************************************************
 * tooptip
 */
#vlan_map .tooltip {
  cursor: default;
  background-color: #fefdd2;
  border-radius: 6px;
  border: 1px solid #000;
  color: #000;
  display: none;
  padding: 5px;
  position: absolute;
  white-space: nowrap;
  content: "";
  position: absolute;
}
#vlan_map .tooltip td {
  padding: 0 5px;
}
/*******************************************************************************
 * メニューのレイアウト
 */
.menu_top {
  display: table;
  padding: 0 5px;
}
/* 左右のメニュー */
.menu_top .menu1,
.menu .menu2 {
  margin: 5px 0;
}
/* 左側メニュー */
.menu_top .menu1 {
  float: left;
  overflow: hidden;
  height: 40px;
}
.menu_top .menu1 .btn {
  float: left;
  overflow: hidden;
  height: 40px;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  padding: 0px 10px;
  cursor: pointer;
}
.menu_top .menu1 .btn:hover {
  background-color: #e0dede;
}
.menu_top .menu1 .btn:active {
  background-color: #b7b6b6;
}
.menu_top .menu1 .btn.disabled,
.icon.disabled,
input.disabled {
  cursor: default;
  opacity: 0.4;
}
.menu_top .menu1 .btn.disabled input,
.icon.disabled input {
  cursor: default;
}
.menu_top .menu1 .btn.disabled:hover {
  background-color: #4c4d4d;
}
.menu_top .menu1 .legend {
  display: table;
  float: left;
  overflow: hidden;
  height: 40px;
  color: #fff;
  text-align: center;
  padding: 0px 10px;
}
.menu_top .menu1 .legend > div {
  display: table-cell;
  height: 40px;
  vertical-align: middle;
  padding: 0 3px;
  font-size: 13px;
  font-size: 1.3rem;
}
/* 右側のメニュー */
.menu_top .menu2 {
  float: right;
  overflow: hidden;
  height: 40px;
}
.menu_top .menu2 .btn {
  overflow: hidden;
  float: left;
  display: block;
  height: 40px;
}
/*******************************************************************************
 * ボタン
 */
.btn_set {
  display: inline-block;
  background: #fff;
  color: #2b5fcd;
  padding: 2px 5px;
  border: 1px solid #000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px #9e9d9d;
  -webkit-box-shadow: 0px 1px #9e9d9d;
  box-shadow: 2px 2px #9e9d9d;
  margin: 0 5px;
  font-size: 1.5rem;
  cursor: pointer;
  font-family: Meiryo;
  min-width: 100px;
  text-align: center;
}
.btn_set:hover {
  border: 1px solid #a0a0a0;
}
.btn_set:active {
  background: #a0a0a0;
}
/** モーダルダイアログ関連 */
.lan_map_modal {
  cursor: default;
  overflow: none;
}
.lan_map_modal .ydialog-body input {
  margin-right: 5px;
}
#sdb-dis-menu-id {
  padding: 0 10px;
  margin-bottom: 10px;
  height: 40px;
}
.lan_map .sdb-dis-menu-btn:hover {
  background: none;
}
.lan_map table.ydtable .tablehead {
  background-color: #cfcfcf !important;
  font-size: 15px;
  font-weight: normal;
}
.lan_map_modal .ydialog-body .ydtable {
  width: 98%; /* ダイアログのテーブルのマージン対策 */
}
.stiring_widget {
  padding: 1px 0px;
}
.btn-str.ch_modal {
  float: right;
}
.btn-str.snapshot_forward {
  float: right;
}
.setting_flame {
  border: 1px solid #8e8e8e;
  padding: 5px;
}
.setting_flame + .setting_flame {
  border-top: none;
}
.lan_map_notice_field {
  background-color: #4c4d4d;
  padding: 15px;
}
/*********************************************************************/
/* 機器詳細をCSSで描画する                                               */
/*********************************************************************/
.chassis {
  display: table;
  border-radius: 6px;
  margin: 1px 0;
  padding: 1px;
}
.chassis_inner > div {
  display: table-cell;
  vertical-align: middle;
}
.chassis_inner > div.y_logo {
  vertical-align: top;
}
/*left*/
.chassis_l {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  height: 100%;
}
/*center*/
.chassis_m > div {
  margin: 1px 0;
  padding: 1px 6px;
}
/*right*/
.chassis_r {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
/* レイアウト*/
.chassis_l > table,
.chassis_r > table {
  text-align: left;
}
.chassis_l > table .center,
.chassis_r > table .center {
  display: inline-block;
}
.chassis_l > table td,
.chassis_r > table td {
  padding: 0 7px;
  white-space: nowrap;
}
.chassis .yamaha_logo {
  padding: 7px 0 2px 0;
  width: 60px;
  height: 13px;
}
.port_base {
  display: table-cell;
  vertical-align: middle;
}
/*.port_base　に追加するクラス */
/* 隣り合うポートの種類が異なる場合は、スペースをあける。 */
.port_base_copper_poe + .port_base_copper,
.port_base_copper_poe + .port_base_cmb,
.port_base_copper + .port_base_cmb,
.port_base_cmb + .port_base_sfp,
.port_base_copper_poe + .port_base_sfp,
.port_base_copper + .port_base_sfp,
.port_base_copper + .port_base_sfp28,
.port_base_copper_poe + .port_base_sfp28,
.port_base_sfp + .port_base_sfp28,
.port_base_sfp28 + .port_base_qsfp28,
.port_base_copper_poe + .port_base_airlink,
.port_base_copper + .port_base_airlink {
  padding-left: 5px;
}
.port_dw > .port_icon,
.port_dw > .port_outside >.port_icon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.port_dw > .port_icon > .dir_reset,
.port_dw > .port_outside > .port_icon > .dir_reset {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
/* ポート番号 */
.port_label {
  display: block;
  text-align: center;
  font-weight: initial;
  color: #000;
  margin: 0 1px;
}
.port_label_copper,
.port_label_copper_poe {
  padding: 1px;
}
/* SFPポート番号 */
.port_label_sfp,
.port_label_sfp28,
.port_label_qsfp28 {
  border: #000 1px solid;
  background-color: #000;
  color: #fff;
}
/* COMBOポート番号 */
.port_label_cmb {
  border: #000 1px solid;
}
/* ポートICON内のPoEクラス番号 */
.poe_class {
  width: auto;
  height: auto;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}
/*********************************************************************/
/* CSSスプライト 　                                                  */
/* class="port_icon port_icon-xxx" と使ってください                  */
/*********************************************************************/
.port_icon,
.port_icon_qsfp {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../../png/gui/port.png");
  background-repeat: no-repeat;
}
.port_icon {
  width: 30px;
  height: 25px;
}
.port_icon_qsfp {
  width: 38px;
  height: 25px;
}
.port_icon_down {
  background-position: 0 0;
}
.port_icon_1000base {
  background-position: -30px 0;
}
.port_icon_100base {
  background-position: -60px 0;
}
.port_icon_10base {
  background-position: -90px 0;
}
.port_icon_poe_c0 {
  background-position: 0 -25px;
}
.port_icon_poe_c4 {
  background-position: -30px -25px;
}
.port_icon_poe_no {
  background-position: -60px -25px;
}
.port_icon_warn {
  background-position: -90px -25px;
}
.port_icon_warnmark {
  background-position: -120px -25px;
  width: 30px;
}
.port_icon_sfp_down {
  background-position: 0 -50px;
}
.port_icon_sfp_1000base,
.port_icon_stack_up {
  background-position: -30px -50px;
}
.port_icon_sfp_10Gbase {
  background-position: -60px -50px;
}
.port_icon_sfp_25Gbase {
  background-position: -150px -50px;
}
.port_icon_sfp_no {
  background-position: -90px -50px;
}
.port_icon_sfp_warn {
  background-position: -120px -50px;
}
.port_icon_qsfp_down {
  background-position: 0 -375px;
}
.port_icon_qsfp_no {
  background-position: -114px -375px;
}
.port_icon_qsfp_stack_up {
  background-position: -38px -375px;
}
.port_icon_qsfp_100Gbase {
  background-position: -76px -375px;
}
.port_icon_qsfp_warn {
  background-position: -152px -375px;
}
/* タグVLANページにおいて、編集モードの際に対象VLAND以外のポートについて黒抜きにする */
.port_icon_vlan_unselect {
  background-position: 0 -75px;
}
/* タグVLANページにおいて、編集モードの際に、トランクポートを白枠にする */
.port_icon_vlan_trunk {
  background-position: -30px -75px;
}
.port_icon_2500base {
  background-position: -60px -75px;
}
.port_icon_5000base {
  background-position: -90px -75px;
}
.port_icon_10gbase {
  background-position: -120px -75px;
}
.port_icon_stop {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTMxIC0zMjYpIj48Y2lyY2xlIGN4PSI2LjUiIGN5PSI2LjUiIHI9IjYuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMxIDMyNikiIGZpbGw9IiNlNjAwMTIiLz48Y2lyY2xlIGN4PSI0LjUiIGN5PSI0LjUiIHI9IjQuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMzIDMyOCkiIGZpbGw9IiNmZmYiLz48cmVjdCB3aWR0aD0iMTEuOTU2IiBoZWlnaHQ9IjEuMDg3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MzMuODU3IDMyNy41OTEpIHJvdGF0ZSg1MCkiIGZpbGw9IiNlNjAwMTIiLz48L2c+PC9zdmc+");
  background-position-x: 8.5px;
  background-position-y: center;
}
.port_base_copper .port_up .port_icon_stop,
.port_base_cmb .port_up .port_icon_stop {
  background-position-y: 8px;
}
.port_base_copper .port_dw .port_icon_stop,
.port_base_cmb .port_dw .port_icon_stop {
  background-position-y: 4px;
}
.port_icon_uplink {
  background-position: -120px 0;
}
.port_icon_down > .port_icon_uplink {
  background-position: -180px 0;
}
.port_icon_dwlink {
  background-position: -120px 0;
}
.port_icon_down .port_icon_dwlink {
  background-position: -180px 0;
}
.port_icon_dwlink,
.port_icon_down .port_icon_dwlink {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* port_iconをSFPに使用できるようにした */
.port_sfp_icon,
.port_qsfp_icon {
  display: flex;
  width: 24px;
  height: 15px;
  background-image: url("../../png/gui/port.png");
  background-repeat: no-repeat;
}
/* アップリンク（黒） */
.port_sfp_icon_uplink,
.port_qsfp_icon_uplink {
  background-position: -123px -5px;
}
/* アップリンク（白） */
.sfp_icon_down > .port_sfp_icon_uplink,
.qsfp_icon_down > .port_qsfp_icon_uplink {
  background-position: -183px -5px;
}
/* ダウンリンク（黒） */
.port_sfp_icon_dwlink,
.port_qsfp_icon_dwlink {
  background-position: -123px -5px;
}
/* ダウンリンク（白） */
.sfp_icon_down .port_sfp_icon_dwlink,
.qsfp_icon_down .port_qsfp_icon_dwlink {
  background-position: -183px -5px;
}
/*.port_icon_down .port_sfp_icon_dwlink,*/
.port_sfp_icon_dwlink,
.port_qsfp_icon_dwlink {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.port_icon_airlink_enable {
  width: 38px;
  height: 27px;
  background-position: -1px -226px;
}
.port_icon_airlink_disable {
  width: 38px;
  height: 27px;
  background-color: #000;
  background-image: none;
}
/*********************************************************************/
/* CSSスプライト 　                                                  */
/* class="digi_icon digi_icon-xxx" と使ってください                  */
/*********************************************************************/
/*.digi_icon {
    background-position: -0px -225px;
    width: 30px;
    height: 50px;
    background-image: url(../../png/gui/port.png);
    background-repeat: no-repeat;    
}
.digi_icon_1 {
    background-position: -0px -225px;
}
.digi_icon_2 {
    background-position: -30px -225px;
}
.digi_icon_3 {
    background-position: -60px -225px;
}
.digi_icon_4 {
    background-position: -90px -225px;
}*/
/*********************************************************************/
/* 機種別のスタイル 　                                                  */
/*********************************************************************/
/******************************/
/*  RTX                       */
/******************************/
.chassis.rtx {
  background-color: #38457c;
}
/******************************/
/*  WLX (WLX313系)            */
/******************************/
.chassis.wlx .port_frame {
  padding: 2px;
  margin: 0 5px;
  border-radius: 2px;
  background-color: #d1d3d2;
}
.chassis.wlx .chassis_inner_top {
  display: table;
  width: 100%;
  height: 23px;
}
.chassis.wlx .chassis_inner_top >.inner_l {
  display: table-cell;
  width: 124px;
  height: 23px;
  background-image: url("../../png/gui/lan_map_panel_ap.png");
  background-position: 0px -2px;
}
.chassis.wlx .chassis_inner_top >.inner_m {
  display: table-cell;
  width: auto;
  height: 23px;
  background-image: url("../../png/gui/lan_map_panel_ap_head.png");
  background-position: 0 -2px;
}
.chassis.wlx .chassis_inner_top >.inner_r {
  display: table-cell;
  width: 126px;
  height: 23px;
  background-image: url("../../png/gui/lan_map_panel_ap.png");
  background-position: -221px -2px;
}
.chassis.wlx .chassis_inner .chassis_l,
.chassis.wlx .chassis_inner .chassis_r {
  background-image: url("../../png/gui/lan_map_panel_ap.png");
  border-radius: 0;
  color: #474747;
  font-weight: bold;
}
.chassis.wlx .chassis_inner .chassis_l {
  width: 77px;
  height: 63px;
  background-position: 0px -26px;
  padding: 0 0 0 13px;
}
.chassis.wlx .chassis_inner .chassis_r {
  width: 47px;
  height: 63px;
  background-position: -301px -26px;
}
.chassis.wlx .chassis_inner .chassis_m {
  background-image: url("../../png/gui/lan_map_panel_ap_body.png");
}
/******************************/
/* WLX (WLX212, WLX413系)     */
/******************************/
.chassis.wlx2 .port_frame {
  padding: 2px;
  margin: 0 5px;
  border-radius: 2px;
  background-color: #d1d3d2;
}
.chassis.wlx2 .port_base_airlink .port_frame {
  margin: 0 10px;
}
.chassis.wlx2 .chassis_inner .chassis_l,
.chassis.wlx2 .chassis_inner .chassis_r {
  border-radius: 0;
  font-weight: bold;
  color: #474747;
}
.chassis.wlx2 .chassis_inner .chassis_l {
  width: 63px;
  height: 84px;
  background-position: 0 0;
  padding: 5px 0 0 12px;
}
.chassis.wlx2 .chassis_inner .chassis_r {
  width: 75px;
  height: 84px;
  background-position: -265px 0;
}
.chassis.wlx2 .chassis_inner .chassis_m {
  display: table-cell;
  width: auto;
  height: 74px;
  padding: 0 0 10px 12px;
  background-position: -76px 0;
}
.chassis.wlx2 .chassis_inner .chassis_m .port_label {
  font-weight: bold;
}
.chassis.wlx2 .chassis_inner .chassis_m >div {
  padding: 1px 0;
}
.chassis.wlx2.white .chassis_inner .chassis_l,
.chassis.wlx2.white .chassis_inner .chassis_r {
  background-image: url("../../png/gui/lan_map_panel_ap2_w.png");
}
.chassis.wlx2.white .chassis_inner .chassis_m {
  background-image: url("../../png/gui/lan_map_panel_ap2_w_body.png");
}
.chassis.wlx2.black .port_icon_airlink_disable {
  background-color: #292929;
}
.chassis.wlx2.black .chassis_inner .chassis_l,
.chassis.wlx2.black .chassis_inner .chassis_r {
  background-image: url("../../png/gui/lan_map_panel_ap2_b.png");
  color: #bfbfbf;
}
.chassis.wlx2.black .chassis_inner .chassis_m {
  background-image: url("../../png/gui/lan_map_panel_ap2_b_body.png");
}
.chassis.wlx2.black .chassis_inner .chassis_m .port_label {
  color: #fff;
}
/******************************/
/*  SWX                        */
/******************************/
.chassis.swx {
  background-color: #000;
}
.chassis.swx .yamaha_logo {
  fill: #fff;
}
.chassis.swx .chassis_l,
.chassis.swx .chassis_r {
  color: #bfbfbf;
}
.chassis.swx .chassis_r {
  min-width: 30px;
}
.chassis.swx .chassis_m {
  background-color: #e1e1e1;
}
.chassis.swx .chassis_inner {
  border: 1px #393939 solid;
}
.chassis.swx .port_label {
  font-weight: bold;
}
/******************************/
/*  SWR                       */
/******************************/
.chassis.swr {
  background-color: #948e8e;
  padding: 1px;
}
.chassis.swr .yamaha_logo {
  fill: #000;
}
.chassis.swr .chassis_l,
.chassis.swr .chassis_r {
  color: #181717;
  font-weight: bold;
}
.chassis.swr .chassis_r {
  min-width: 10px;
}
.chassis.swr .chassis_inner {
  background-color: #7d7d7d;
  border: 1px #696767 solid;
  border-radius: 3px;
  border-left-color: #656161;
  border-left-width: 5px;
  border-bottom-color: #2f2e2e;
  border-bottom-width: 3px;
}
.chassis.swr .chassis_m > div {
  display: inline-table;
  min-height: 71px;
}
.chassis.swr .port_frame {
  background-color: #d1d3d2;
}
.chassis.swr .port_label {
  font-weight: bold;
}
/*.chassis.swr .port_label_copper {*/
/*background-color: black; */
/*color: white;*/
/*}*/
/*********************************************************************/
/* タグVLAN用のSFPポート描画用                                            */
/*********************************************************************/
.sfp_frame {
  display: block;
  width: 30px;
  height: 20px;
  padding: 2px 0 2px 0;
}
.qsfp_frame {
  display: block;
  width: 38px;
  height: 20px;
  padding: 2px 0 2px 0;
}
.sfp_icon,
.qsfp_icon {
  display: flex;
  margin: 1px 2px 0px 2px;
  border: 1px solid #404040;
  background-color: #000;
  align-items: center;
  justify-content: center;
}
.sfp_icon {
  width: 24px;
  height: 15px;
}
.qsfp_icon {
  width: 32px;
  height: 15px;
}
/*　リンクがダウン状態 */
.sfp_icon_down,
.qsfp_icon_down {
  background-color: #000;
}
/* タグVLANページにおいて、編集モードの際に対象VLAND以外のポートについて黒抜きにする */
.sfp_icon_vlan_unselect {
  width: 20px;
  height: 11px;
  margin: 1px;
  border: 1px solid #404040;
  background-color: #000;
}
.qsfp_icon_vlan_unselect {
  width: 28px;
  height: 11px;
  margin: 1px;
  border: 1px solid #404040;
  background-color: #000;
}
/* タグVLANページにおいて、編集モードの際に、トランクポートを白枠にする */
.sfp_icon_vlan_trunk,
.qsfp_icon_vlan_trunk {
/*	width: 20px;
	height: 11px;
	border: 1px solid #404040;
	margin: 1px;
*/
  background-color: #fff;
}
/*********************************************************************/
/* ポートの動作                                                         */
/*********************************************************************/
.port_frame.act:hover,
.port_frame.act.active {
  background-color: #2163ee;
}
/*********************************************************************/
/* オーバーレイでメッセージを表示する。主に機器詳細に使用を想定する                   */
/*********************************************************************/
.overlay_window {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  position: absolute;
  margin: auto 15px;
  padding: 0 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.overlay_plane {
  background-color: #000;
  opacity: 0.4;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
}
.panel_notice {
  height: 52px;
  background: #5d5d5d;
  color: #fff;
  z-index: 3;
}
.panel_notice > div {
  height: 100%;
  display: table;
}
.panel_notice_child {
  display: table-cell;
  vertical-align: middle;
}
/*********************************************************************/
/* トグルグループ                                                         */
/*********************************************************************/
.toggle_group2 {
  display: inline-flex;
}
.toggle_group2 input {
  display: none;
}
.toggle_group2 label,
.toggle_group2 .toggle {
  display: block;
  color: #fff;
  border: 1px solid #000;
}
.toggle_group2 label:first-of-type {
  border-radius: 0.25rem 0 0 0.25rem;
}
.toggle_group2 label:last-of-type {
  border-radius: 0 0.25rem 0.25rem 0;
}
.toggle_group2 > .toggle,
.toggle_group2 > .heading {
/*padding: 3px 8px 3px 8px;*/
  padding: 6px 11px;
  background-color: #4c4d4d;
}
.toggle_group2 .toggle {
  cursor: pointer;
/*border: 1px solid #b4b4b4;*/
}
.toggle_group2 .toggle:hover {
  background: #6e727a;
}
.toggle_group2 .toggle:active {
  background: #303238;
}
.toggle_group2 input[type="radio"]:checked + label {
  background-color: #303238;
/*border: 1px solid #6f6d6d;*/
  border: 1px solid #b4b4b4;
  color: #fff;
}
.toggle_group2 input[type="radio"]:checked + label:hover {
  background: #6e727a;
}
.toggle_group2 input[type="radio"]:checked + label:active {
  background: #303238;
}
.toggle_group2 input[type="radio"]:disabled + label {
  color: #b4b4b4;
}
/*
.s {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.ss {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

.sss {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}
*/