input{
  padding:7 5 7 5px;
}

#form_edit, #my_confirm, #search_archive_tag, .default_form{
  position: absolute;
  z-index: 10000;
  background: #eee;
  border: 1px solid #ddd;
  font-size: 14px;
  box-shadow: 0 0 2px 2px;
}

#form_edit .header, #my_confirm .header, #search_archive_tag .header, .default_form .header{
  background: #d9d9d9 linear-gradient(#d9d9d9, #c1c1c1);	
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  padding: 3px;
  text-align: center;
  cursor: move;
}

#form_edit .fields, #my_confirm .msg, #search_archive_tag .fields, .default_form .fields{
  padding: 3px;
  border-bottom: 1px solid #ddd;
}

#form_edit .buttons, #my_confirm .buttons, #search_archive_tag .buttons, .default_form .buttons{
  padding: 3px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.msg_error, .msg_alert{
  position: absolute;
  width: 300px;
  left: 0px;
  right: 0px;
  -moz-border-radius:  3px; 
  -webkit-border-radius:  3px; 
  border-radius:  3px; 
  top: 100px;
  padding: 10px;
  z-index: 20000;
} 
 
.msg_error{
  background: #ffccaa;
  border: 1px solid #ff3333;
}	

.msg_alert{
  background: #ffffaa;
  border: 1px solid #ffad33;
}

.msg_close{
  display: block;
  position: absolute;
  top: -5px;
  right: -2px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  font-size: 24px;
}

.btn_add, .btn_cancel{
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  user-select: none;
  padding: 2px 5px 2px 5px;
  outline: none;
  border-radius: 3px;
  
  transition_: all .218s ease 0s;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  color: #fff;
  text-align: center;
}

.btn_add{
  background: #5050FF linear-gradient(#5050FF, #3030FF);
}

.btn_cancel{
  background: #FF5050 linear-gradient(#FF5050, #FF3030);
}

.btn_add:hover, .btn_cancel:hover {
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  background-repeat: no-repeat;
  background-position: center center;
}

.btn_add:hover{
  background: #8080FF linear-gradient(#8080FF, #6060FF);
}

.btn_cancel:hover{
  background: #FF8080 linear-gradient(#FF8080, #FF6060);
}

.btn_add:active, .btn_cancel:active { 
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
  background-repeat: no-repeat;
  background-position: center center;
}

.btn_add:active{
  background: #3030FF linear-gradient(#3030FF, #1010FF);
}

.btn_cancel:active{
  background: #FF3030 linear-gradient(#FF3030, #FF1010);
}

div.btn{
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 3px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
  width: 25px;
  height: 25px;
  margin-left: 2px;
  margin-top: 2px;
  background-repeat: no-repeat;
  background-position: center center;
}

div.btn:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  background-repeat: no-repeat;
  background-position: center center;
}

div.btn:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
  background-repeat: no-repeat;
  background-position: center center;
}


#fade{
  position: absolute;
  top:0px;  
  left:0px;
  right: 0px;
  bottom:0px;
  width:100%;
  height:100%;
  background-color:#000;
  z-index: 9999; 
  opacity: 0.3;
  display: none;     
}



.btn_tree_plus, .btn_tree_minus, .img_device, .img_hub, .img_tag, .enabled_device, .disabled_device, .img_status_na, .img_connect_device, .img_disconnect_device, 
.img_tree_rect, .img_tree_text, .img_tree_circle, .img_tree_line, .img_folder, .img_mnemonic, .img_trend, .img_report, .img_check_div, .img_uncheck_div{
  width: 16px;
  height: 16px; 
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
}

.btn_tree_plus{
  background-image: url("/files/image/tree_plus.png");
}

.btn_tree_minus{
  background-image: url("/files/image/tree_minus.png");
}

.img_check_div{
  background-image: url("/files/image/tree_check.png");
}

.img_uncheck_div{
  background-image: url("/files/image/tree_uncheck.png");
}

.img_device{
  background-image: url("/files/image/device.png");
}

.img_hub{
  background-image: url("/files/image/hub.png");
}

.img_tag{
  background-image: url("/files/image/tag.png");
}

.enabled_device{
  background-image: url("/files/image/enabled_device.png");
}

.disabled_device{
  background-image: url("/files/image/disabled_device.png");
}

.img_status_na{
  background-image: url("/files/image/question.png");
}

.img_connect_device{
  background-image: url("/files/image/check.png");
}

.img_disconnect_device{
  background-image: url("/files/image/alert.png");
}

.img_tree_rect{
  background-image: url("/files/image/tree_rect.png");
}

.img_tree_text{
  background-image: url("/files/image/tree_text.png");
}

.img_tree_circle{
  background-image: url("/files/image/tree_circle.png");
}

.img_tree_line{
  background-image: url("/files/image/tree_line.png");
}

.img_folder{
  background-image: url("/files/image/folder.png");
}

.img_mnemonic{
  background-image: url("/files/image/mnemonic.png");
}

.img_trend{
  background-image: url("/files/image/trend.png");
}

.img_report{
  background-image: url("/files/image/excel.png");
}

td.ev_enabled_device, td.ev_disabled_device, td.ev_check, td.ev_alert, td.ev_user, td.ev_tag, td.check_row{
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
}

td.ev_enabled_device{
  background-image: url("/files/image/enabled_device.png");
}

td.ev_disabled_device{
  background-image: url("/files/image/disabled_device.png");
}

td.ev_check{
  background-image: url("/files/image/check.png");
}

td.check_row{
  background-image: url("/files/image/check.png");
}

td.ev_alert{
  background-image: url("/files/image/alert.png");
}

td.ev_user{
  background-image: url("/files/image/users.png");
}

td.ev_tag{
  background-image: url("/files/image/tag.png");
}

.select_tag_tree{
  cursor: pointer;
  padding-right: 18px;
  background-image: url("/files/image/arrow_down.png");
  background-repeat: no-repeat;
  background-position: right center;
}

.select_tag_tree input{
  width: 100%;
  padding: 0px;
} 

#color_dialog, #color_dialog_lite, #filter_dialog{
  position: absolute;
  width: 544px;
  height: 404px;
  background: #fff;
  display: none;
  border: 1px solid #555;
  z-index: 11000;
  box-shadow: 0 0 2px 2px;
}

#color_dialog_lite{
  z-index: 11002;
}

.header_logo{
  font-size: 92px;
  color: white;
  text-shadow: 1px 1px #732372, 1px -1px #732372, -1px 1px #732372, -1px -1px #732372, 3px 3px 6px rgba(0,0,0,.5);
}