@charset "utf-8";
/* Author : PULIP COMMUNICATIONS, Smart Media Group */

/* ========== easy ui  ========== */

/* tree */
.tree {
}

.tree li > div {
    position: relative;
    width: auto;
    height: 36px;
    padding: 0 50px 0 17px;
    line-height: 1;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #ebebeb;
    z-index: 10;
}

.tree-node-hover {
    color: #5a5a5a;
    background: #f7f2c0;
}

.tree-node-selected {
    color: #5a5a5a;
    background: #dcf1f2;
}

.tree-collapsed {
    background-image: url(../images/common/sp_layout.png);
    background-position: 0px -288px;
    background-repeat: no-repeat;
}

.tree-expanded {
    background-image: url(../images/common/sp_layout.png);
    background-position: -20px -288px;
    background-repeat: no-repeat;
}

#graphicMapTree .tree-indent {
    display: inline-block;
    width: 15px;
    height: 18px;
    vertical-align: top;
    overflow: hidden;
}

#graphicMapTree .tree-expanded, .tree-collapsed {
    width: 15px;
    height: 20px;
}


.tree-expanded, .tree-collapsed, .tree-folder, .tree-file, .tree-checkbox {
    width: 18px;
    height: 20px;
}

.tree-hit {
    margin: 7px 0 0 0;
}

.tree-icon {
    margin: 7px 0 0 0;
}

.tree .tree-file,
.tree .tree-folder,
.tree .tree-folder-open {
    background-image: url(../images/common/sp_layout.png);
    background-position: 0px -288px;
    background-repeat: no-repeat;
}

.tree mark {
    position: absolute;
    left: 50%;
    top: -10px;
    padding: 5px 9px 6px 9px;
    margin-left: -26px;
    font-size: 0.917em;
    color: #fa4b37;
    line-height: 1;
    border: 1px solid #e14432;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    background: #fef1f1;
    opacity: 0.0;
    filter: alpha(opacity=0);
    z-index: 10;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.tree-node-hover mark {
    top: -22px;
    opacity: 1.0;
    filter: alpha(opacity=100);
    z-index: 30;
    overflow: visible !important;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.tree .tree-title {
    padding: 1px 0 0 2px;
    margin: 7px 0 0 0;
}

.tree .tree-title b {
    display: block;
    position: absolute;
    right: 16px;
    top: 8px;
    height: 18px;
    padding: 0 7px 0 6px;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: -1px;
    text-align: center;
    border-radius: 9px;
    border: 1px solid #bebebe;
    background: #fff;
    cursor: pointer;
    z-index: 20;
}

/* icon - simple */
.treeTypeSimple .tree-icon {
    display: none !important;
}

/* icon - user */
.treeTypeUser .tree-file,
.treeTypeUser .tree-folder,
.treeTypeUser .tree-folder-open {
    background-position: -40px -286px;
}

/* icon - acGroup */
.treeTypeAcGroup .tree-file,
.treeTypeAcGroup .tree-folder,
.treeTypeAcGroup .tree-folder-open {
    background-position: -440px -288px
}


/* icon - monitoring */
.filterTreeType1 .tree-file,
.filterTreeType1 .tree-folder,
.filterTreeType1 .tree-folder-open {
    background-position: -40px -286px;
    /*background: url(../images/common/monitoring_filter_menu_item.png) no-repeat left top;*/
}

.filterTreeType1 .tree-item-filter {
    background-position: -40px -286px;
    background: url(../images/common/monitoring_filter_menu_item.png) no-repeat left center;
}

.filterTreeType1 .tree-item-past-event {
    background-position: -40px -286px;
    width: 23px;
    background: url(../images/common/monitoring_filter_menu_past_event.png) no-repeat left top;
}

.filterTreeType1 .tree-item-real-time-event {
    background-position: -40px -286px;
    width: 23px;
    background: url(../images/common/monitoring_filter_menu_real_time_event.png) no-repeat left top;
}

.filterTreeType1 .tree-item-live-view {
    background-position: 0px -5px;
    width: 23px;
    background: url(../images/common/monitoring_filter_menu_videoliveview.png) no-repeat left top;
}

.filterTreeType1 .tree-item-device-status {
    background-position: -40px -286px;
    width: 23px;
    background: url(../images/common/monitoring_filter_menu_device.png) no-repeat left top;
}

.filterTreeType1 .tree-item-door-status {
    background-position: -40px -286px;
    width: 23px;
    background: url(../images/common/monitoring_filter_menu_door.png) no-repeat left top;
}

.filterTreeType1 .tree-item-door-lock-status {
    background-position: -40px -286px;
    width: 23px;
    margin-top: 10px;
    margin-right: 2px;
    background: url(../images/common/monitoring_filter_menu_door_lock.png) no-repeat left top;
}

.filterTreeType1 .tree-item-floor-status {
	background-position: -40px -286px;
	width: 23px;
    background: url(../images/common/monitoring_filter_menu_elevator.png) no-repeat -2px 0;
}

.filterTreeType1 .tree-item-zone-status {
    background-position: -40px -286px;
    width: 20px;
    margin-left: 3px;
    background: url(../images/common/monitoring_zone_select.png) no-repeat left top;
}

.filterTreeType1 .tree-item-alert-history {
    background-position: -40px -286px;
    width: 23px;
    background: url(../images/common/monitoring_filter_menu_alert_history.png) no-repeat left top;
}

.filterTreeType1 .tree-item-thermal {
    background-position: -40px -286px;
    width: 23px;
    background: url(../images/common/monitoring_filter_menu_thermal.png) no-repeat left top;
}

.treeTypeZone .tree-item-anti-passback {
    background-position: -40px -286px;
    background: url(../images/common/icon_tab_zone.png) no-repeat left center;
}

.treeTypeZone .tree-item-fire-alarm {
    background-position: -40px -286px;
    background: url(../images/common/monitoring_zone_select.png) no-repeat left center;
}

/* icon - device */
.treeTypeDevice .tree-file,
.treeTypeDevice .tree-folder,
.treeTypeDevice .tree-folder-open {
    background-position: -80px -288px;
}

.treeTypeDoor .tree-icon[class*="dv"],
.treeTypeDevice .tree-icon[class*="dv"] {
    position: relative;
    width: 26px;
    height: 27px;
    margin: 5px 0 0 0;
}

.treeTypeDoor .tree-icon[class*="dv"]:after,
.treeTypeDevice .tree-icon[class*="dv"]:after {
    display: block;
    content: "";
    position: absolute;
    width: 10px;
    height: 9px;
}

.treeTypeDoor .tree-icon[class*="dv"].sync_error:after,
.treeTypeDevice .tree-icon[class*="dv"].sync_error:after {
    right: 0;
    width: 13px;
    height: 11px;
}

.treeTypeDoor .tree-icon[class*="dv"].connecting:after,
.treeTypeDevice .tree-icon[class*="dv"].connecting:after {
    background: url(../images/common/dv_connecting.gif) no-repeat left top;
}

.treeTypeDoor .tree-icon[class*="dv"].waiting:after,
.treeTypeDevice .tree-icon[class*="dv"].waiting:after {
    background: url(../images/common/dv_waiting.png) no-repeat left top;
}

.treeTypeDoor .tree-icon[class*="dv"].disconnect:after,
.treeTypeDevice .tree-icon[class*="dv"].disconnect:after {
    background: url(../images/common/dv_disconnect.png) no-repeat left top;
}

.treeTypeDoor .tree-icon[class*="dv"].sync_error:after,
.treeTypeDevice .tree-icon[class*="dv"].sync_error:after {
    background: url(../images/common/dv_sync_error.png) no-repeat left top;
}

.treeTypeDoor .tree-icon.dvFolder,
.treeTypeDevice .tree-icon.dvFolder {
    background-position: 0px -308px;
}

.treeTypeDevice .tree-icon.dvFolder.connecting:after,
.treeTypeDevice .tree-icon.dvFolder.waiting:after,
.treeTypeDevice .tree-icon.dvFolder.sync_error:after,
.treeTypeDevice .tree-icon.dvFolder.disconnect:after {
    right: 2px;
    bottom: 6px;
}

.treeTypeDoor .tree-icon.dvFaceStation,
.treeTypeDevice .tree-icon.dvFaceStation {
    background-position: -77px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvFaceStation.connecting:after,
.treeTypeDevice .tree-icon.dvFaceStation.waiting:after,
.treeTypeDevice .tree-icon.dvFaceStation.sync_error:after,
.treeTypeDevice .tree-icon.dvFaceStation.disconnect:after {
    right: 5px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvFaceStation2,
.treeTypeDevice .tree-icon.dvFaceStation2 {
    background-position: -181px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvFaceStation2.connecting:after,
.treeTypeDevice .tree-icon.dvFaceStation2.waiting:after,
.treeTypeDevice .tree-icon.dvFaceStation2.sync_error:after,
.treeTypeDevice .tree-icon.dvFaceStation2.disconnect:after {
    left: 12px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioStationT2,
.treeTypeDevice .tree-icon.dvBioStationT2 {
    background-position: -129px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioStationT2.connecting:after,
.treeTypeDevice .tree-icon.dvBioStationT2.waiting:after,
.treeTypeDevice .tree-icon.dvBioStationT2.sync_error:after,
.treeTypeDevice .tree-icon.dvBioStationT2.disconnect:after {
    right: 5px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvDStation,
.treeTypeDevice .tree-icon.dvDStation {
    background-position: -181px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvDStation.connecting:after,
.treeTypeDevice .tree-icon.dvDStation.waiting:after,
.treeTypeDevice .tree-icon.dvDStation.sync_error:after,
.treeTypeDevice .tree-icon.dvDStation.disconnect:after {
    right: 5px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioStation,
.treeTypeDevice .tree-icon.dvBioStation {
    background-position: -233px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioStation.connecting:after,
.treeTypeDevice .tree-icon.dvBioStation.waiting:after,
.treeTypeDevice .tree-icon.dvBioStation.sync_error:after,
.treeTypeDevice .tree-icon.dvBioStation.disconnect:after {
    right: 5px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioEntryW,
.treeTypeDevice .tree-icon.dvBioEntryW {
    background-position: -285px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioEntryW.connecting:after,
.treeTypeDevice .tree-icon.dvBioEntryW.waiting:after,
.treeTypeDevice .tree-icon.dvBioEntryW.sync_error:after,
.treeTypeDevice .tree-icon.dvBioEntryW.disconnect:after {
    left: 5px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioEntryPlus,
.treeTypeDevice .tree-icon.dvBioEntryPlus {
    background-position: -337px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioEntryPlus.connecting:after,
.treeTypeDevice .tree-icon.dvBioEntryPlus.waiting:after,
.treeTypeDevice .tree-icon.dvBioEntryPlus.sync_error:after,
.treeTypeDevice .tree-icon.dvBioEntryPlus.disconnect:after {
    left: 5px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioLiteNet,
.treeTypeDevice .tree-icon.dvBioLiteNet {
    background-position: -389px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioLiteNet.connecting:after,
.treeTypeDevice .tree-icon.dvBioLiteNet.waiting:after,
.treeTypeDevice .tree-icon.dvBioLiteNet.sync_error:after,
.treeTypeDevice .tree-icon.dvBioLiteNet.disconnect:after {
    left: 5px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpass,
.treeTypeDevice .tree-icon.dvXpass {
    background-position: -441px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpass.connecting:after,
.treeTypeDevice .tree-icon.dvXpass.waiting:after,
.treeTypeDevice .tree-icon.dvXpass.sync_error:after,
.treeTypeDevice .tree-icon.dvXpass.disconnect:after {
    left: 5px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXstation,
.treeTypeDevice .tree-icon.dvXstation {
    background-position: -493px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXstation.connecting:after,
.treeTypeDevice .tree-icon.dvXstation.waiting:after,
.treeTypeDevice .tree-icon.dvXstation.sync_error:after,
.treeTypeDevice .tree-icon.dvXstation.disconnect:after {
    right: 8px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpassSlim,
.treeTypeDevice .tree-icon.dvXpassSlim {
    background-position: -545px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpassSlim.connecting:after,
.treeTypeDevice .tree-icon.dvXpassSlim.waiting:after,
.treeTypeDevice .tree-icon.dvXpassSlim.sync_error:after,
.treeTypeDevice .tree-icon.dvXpassSlim.disconnect:after {
    right: 5px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvSecureIO,
.treeTypeDevice .tree-icon.dvSecureIO {
    background-position: -597px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvSecureIO.connecting:after,
.treeTypeDevice .tree-icon.dvSecureIO.waiting:after,
.treeTypeDevice .tree-icon.dvSecureIO.sync_error:after,
.treeTypeDevice .tree-icon.dvSecureIO.disconnect:after {
    right: 0px;
    bottom: 5px;
}

.treeTypeDoor .tree-icon.dvBioMini,
.treeTypeDevice .tree-icon.dvBioMini {
    background-position: -649px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioMini.connecting:after,
.treeTypeDevice .tree-icon.dvBioMini.waiting:after,
.treeTypeDevice .tree-icon.dvBioMini.sync_error:after,
.treeTypeDevice .tree-icon.dvBioMini.disconnect:after {
    right: 0;
    bottom: 5px;
}

.treeTypeDoor .tree-icon.dvOminikey,
.treeTypeDevice .tree-icon.dvOminikey {
    background-position: -233px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvOminikey.connecting:after,
.treeTypeDevice .tree-icon.dvOminikey.waiting:after,
.treeTypeDevice .tree-icon.dvOminikey.sync_error:after,
.treeTypeDevice .tree-icon.dvOminikey.disconnect:after {
    right: 2px;
    bottom: 3px;
}

.treeTypeDoor .tree-icon.dvDe620,
.treeTypeDevice .tree-icon.dvDe620 {
    background-position: -285px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvDe620.connecting:after,
.treeTypeDevice .tree-icon.dvDe620.waiting:after,
.treeTypeDevice .tree-icon.dvDe620.sync_error:after,
.treeTypeDevice .tree-icon.dvDe620.disconnect:after {
    right: 1px;
    bottom: 5px;
}

.treeTypeDoor .tree-icon.dvBiominiSlim,
.treeTypeDevice .tree-icon.dvBiominiSlim {
    background-position: -701px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBiominiSlim.connecting:after,
.treeTypeDevice .tree-icon.dvBiominiSlim.waiting:after,
.treeTypeDevice .tree-icon.dvBiominiSlim.sync_error:after,
.treeTypeDevice .tree-icon.dvBiominiSlim.disconnect:after {
    right: 0;
    bottom: 5px;
}

.treeTypeDoor .tree-icon.dvBioMiniPlus2,
.treeTypeDevice .tree-icon.dvBioMiniPlus2 {
    background-position: -649px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioMiniPlus2.connecting:after,
.treeTypeDevice .tree-icon.dvBioMiniPlus2.waiting:after,
.treeTypeDevice .tree-icon.dvBioMiniPlus2.sync_error:after,
.treeTypeDevice .tree-icon.dvBioMiniPlus2.disconnect:after {
    right: 0;
    bottom: 5px;
}

.treeTypeDoor .tree-icon.dvBioMiniSlim2,
.treeTypeDevice .tree-icon.dvBioMiniSlim2 {
    background-position: -857px -376px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioMiniSlim2.connecting:after,
.treeTypeDevice .tree-icon.dvBioMiniSlim2.waiting:after,
.treeTypeDevice .tree-icon.dvBioMiniSlim2.sync_error:after,
.treeTypeDevice .tree-icon.dvBioMiniSlim2.disconnect:after {
    right: 0;
    bottom: 5px;
}

.treeTypeDoor .tree-icon.dvBioMiniSlim3,
.treeTypeDevice .tree-icon.dvBioMiniSlim3 {
    background-position: -909px -376px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioMiniSlim3.connecting:after,
.treeTypeDevice .tree-icon.dvBioMiniSlim3.waiting:after,
.treeTypeDevice .tree-icon.dvBioMiniSlim3.sync_error:after,
.treeTypeDevice .tree-icon.dvBioMiniSlim3.disconnect:after {
    right: 0;
    bottom: 5px;
}

.treeTypeDoor .tree-icon.dvUsb,
.treeTypeDevice .tree-icon.dvUsb {
    background-position: -753px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvUsb.connecting:after,
.treeTypeDevice .tree-icon.dvUsb.waiting:after,
.treeTypeDevice .tree-icon.dvUsb.sync_error:after,
.treeTypeDevice .tree-icon.dvUsb.disconnect:after {
    right: 1px;
    bottom: 3px;
}

.treeTypeDoor .tree-icon.dvSecureIO2,
.treeTypeDevice .tree-icon.dvSecureIO2 {
    margin-top: 4px;
    background-position: -805px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvSecureIO2.connecting:after,
.treeTypeDevice .tree-icon.dvSecureIO2.waiting:after,
.treeTypeDevice .tree-icon.dvSecureIO2.sync_error:after,
.treeTypeDevice .tree-icon.dvSecureIO2.disconnect:after {
    right: 5px;
    bottom: 1px;
}

/* added icon s */

.treeTypeDoor .tree-icon.dvXp2M,
.treeTypeDevice .tree-icon.dvXp2M {
   background-position: -701px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXp2M.connecting:after,
.treeTypeDevice .tree-icon.dvXp2M.waiting:after,
.treeTypeDevice .tree-icon.dvXp2M.sync_error:after,
.treeTypeDevice .tree-icon.dvXp2M.disconnect:after {
   right: 10px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXp2G,
.treeTypeDevice .tree-icon.dvXp2G {
   background-position: -545px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXp2G.connecting:after,
.treeTypeDevice .tree-icon.dvXp2G.waiting:after,
.treeTypeDevice .tree-icon.dvXp2G.sync_error:after,
.treeTypeDevice .tree-icon.dvXp2G.disconnect:after {
   right: 6px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXp2Gk,
.treeTypeDevice .tree-icon.dvXp2Gk {
   background-position: -649px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXp2Gk.connecting:after,
.treeTypeDevice .tree-icon.dvXp2Gk.waiting:after,
.treeTypeDevice .tree-icon.dvXp2Gk.sync_error:after,
.treeTypeDevice .tree-icon.dvXp2Gk.disconnect:after {
   right: 6px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpd2M,
.treeTypeDevice .tree-icon.dvXpd2M {
   background-position: -1013px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpd2M.connecting:after,
.treeTypeDevice .tree-icon.dvXpd2M.waiting:after,
.treeTypeDevice .tree-icon.dvXpd2M.sync_error:after,
.treeTypeDevice .tree-icon.dvXpd2M.disconnect:after {
   right: 10px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpd2G,
.treeTypeDevice .tree-icon.dvXpd2G {
   background-position: -909px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpd2G.connecting:after,
.treeTypeDevice .tree-icon.dvXpd2G.waiting:after,
.treeTypeDevice .tree-icon.dvXpd2G.sync_error:after,
.treeTypeDevice .tree-icon.dvXpd2G.disconnect:after {
   right: 6px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpd2Gk,
.treeTypeDevice .tree-icon.dvXpd2Gk {
   background-position: -961px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpd2Gk.connecting:after,
.treeTypeDevice .tree-icon.dvXpd2Gk.waiting:after,
.treeTypeDevice .tree-icon.dvXpd2Gk.sync_error:after,
.treeTypeDevice .tree-icon.dvXpd2Gk.disconnect:after {
   right: 6px;
    bottom: 1px;
}
/* osdp icon */
.treeTypeDoor .tree-icon.dvOsdp,
.treeTypeDevice .tree-icon.dvOsdp {
    background-position: -233px -376px;
    width: 28px;
    height: 28px;
}
.treeTypeDoor .tree-icon.dvOsdp,
.treeTypeDoor .tree-file.dvOsdp.inactive,
.treeTypeDevice .tree-icon.dvOsdp.inactive {
    background-position: -337px -376px;
    width: 28px;
    height: 28px;
}
.treeTypeDoor .tree-icon.dvOsdp,
.treeTypeDoor .tree-file.dvOsdp.active
.treeTypeDevice .tree-icon.dvOsdp.active {
    background-position: -233px -376px;
    width: 28px;
    height: 28px;
}
.treeTypeDevice .tree-icon.dvOsdp.connecting:after,
.treeTypeDevice .tree-icon.dvOsdp.waiting:after,
.treeTypeDevice .tree-icon.dvOsdp.sync_error:after,
.treeTypeDevice .tree-icon.dvOsdp.disconnect:after {
right: 3px;
bottom: 1px;
}

.treeTypeDevice .tree-icon.dvBioStation2a.connecting:after,
.treeTypeDevice .tree-icon.dvBioStation2a.waiting:after,
.treeTypeDevice .tree-icon.dvBioStation2a.sync_error:after,
.treeTypeDevice .tree-icon.dvBioStation2a.disconnect:after {
    right: 1px;
    bottom: 1px;
}

/* osdp antenna */
.treeTypeDoor .tree-icon.dvOsdpAntenna,
.treeTypeDevice .tree-icon.dvOsdpAntenna {
    background-position: -440px -376px;
    width: 26px;
    height: 27px;
}
.treeTypeDoor .tree-icon.dvOsdpAntenna,
.treeTypeDoor .tree-file.dvOsdpAntenna.inactive,
.treeTypeDevice .tree-icon.dvOsdpAntenna.inactive {
    background-position: -596px -376px;
    width: 28px;
    height: 28px;
}
.treeTypeDoor .tree-icon.dvOsdpAntenna,
.treeTypeDoor .tree-file.dvOsdpAntenna.active
.treeTypeDevice .tree-icon.dvOsdpAntenna.active {
    background-position: -440px -376px;
    width: 28px;
    height: 28px;
}
.treeTypeDevice .tree-icon.dvOsdpAntenna.connecting:after,
.treeTypeDevice .tree-icon.dvOsdpAntenna.waiting:after,
.treeTypeDevice .tree-icon.dvOsdpAntenna.sync_error:after,
.treeTypeDevice .tree-icon.dvOsdpAntenna.disconnect:after {
    right: 2px;
    bottom: 1px;
}

/* osdp handle */
.treeTypeDoor .tree-icon.dvWirelessDoorHandle,
.treeTypeDevice .tree-icon.dvWirelessDoorHandle {
    margin-right: 2px;
    background-position: -492px -376px;
    width: 26px;
    height: 27px;
}
.treeTypeDoor .tree-icon.dvWirelessDoorHandle,
.treeTypeDoor .tree-file.dvWirelessDoorHandle.inactive,
.treeTypeDevice .tree-icon.dvWirelessDoorHandle.inactive {
    margin-right: 2px;
    background-position: -648px -376px;
    width: 28px;
    height: 28px;
}
.treeTypeDoor .tree-icon.dvWirelessDoorHandle,
.treeTypeDoor .tree-file.dvWirelessDoorHandle.active
.treeTypeDevice .tree-icon.dvWirelessDoorHandle.active {
    margin-right: 2px;
    background-position: -492px -376px;
    width: 28px;
    height: 28px;
}
.treeTypeDevice .tree-icon.dvWirelessDoorHandle.connecting:after,
.treeTypeDevice .tree-icon.dvWirelessDoorHandle.waiting:after,
.treeTypeDevice .tree-icon.dvWirelessDoorHandle.sync_error:after,
.treeTypeDevice .tree-icon.dvWirelessDoorHandle.disconnect:after {
    right: 2px;
    bottom: 5px;
}

/* osdp knob */
.treeTypeDoor .tree-icon.dvWirelessDoorKnob,
.treeTypeDevice .tree-icon.dvWirelessDoorKnob {
    margin-right: 2px;
    background-position: -544px -376px;
    width: 26px;
    height: 27px;
}
.treeTypeDoor .tree-icon.dvWirelessDoorKnob,
.treeTypeDoor .tree-file.dvWirelessDoorKnob.inactive,
.treeTypeDevice .tree-icon.dvWirelessDoorKnob.inactive {
    margin-right: 2px;
    background-position: -700px -376px;
    width: 28px;
    height: 28px;
}
.treeTypeDoor .tree-icon.dvWirelessDoorKnob,
.treeTypeDoor .tree-file.dvWirelessDoorKnob.active
.treeTypeDevice .tree-icon.dvWirelessDoorKnob.active {
    margin-right: 2px;
    background-position: -544px -376px;
    width: 28px;
    height: 28px;
}
.treeTypeDevice .tree-icon.dvWirelessDoorKnob.connecting:after,
.treeTypeDevice .tree-icon.dvWirelessDoorKnob.waiting:after,
.treeTypeDevice .tree-icon.dvWirelessDoorKnob.sync_error:after,
.treeTypeDevice .tree-icon.dvWirelessDoorKnob.disconnect:after {
    right: 2px;
    bottom: 5px;
}

.treeTypeDoor .tree-icon.dvBioStation2a,
.treeTypeDevice .tree-icon.dvBioStation2a {
    background-position: -752px -376px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioStation2a.connecting:after,
.treeTypeDevice .tree-icon.dvBioStation2a.waiting:after,
.treeTypeDevice .tree-icon.dvBioStation2a.sync_error:after,
.treeTypeDevice .tree-icon.dvBioStation2a.disconnect:after {
    right: 1px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioStation2,
.treeTypeDevice .tree-icon.dvBioStation2 {
    background-position: -857px -312px;
    width: 30px;
    height: 24px;
}

.treeTypeDevice .tree-icon.dvBioStation2.connecting:after,
.treeTypeDevice .tree-icon.dvBioStation2.waiting:after,
.treeTypeDevice .tree-icon.dvBioStation2.sync_error:after,
.treeTypeDevice .tree-icon.dvBioStation2.disconnect:after {
right: 2px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvDm20,
.treeTypeDevice .tree-icon.dvDm20 {
    width: 25px;
    height: 27px;
background-position: -909px -312px;
}

.treeTypeDevice .tree-icon.dvDm20.connecting:after,
.treeTypeDevice .tree-icon.dvDm20.waiting:after,
.treeTypeDevice .tree-icon.dvDm20.sync_error:after,
.treeTypeDevice .tree-icon.dvDm20.disconnect:after {
right: 0px;
bottom: 4px;
}

.treeTypeDoor .tree-icon.dvOM120,
.treeTypeDevice .tree-icon.dvOM120 {
background-position: -337px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvOM120.connecting:after,
.treeTypeDevice .tree-icon.dvOM120.waiting:after,
.treeTypeDevice .tree-icon.dvOM120.sync_error:after,
.treeTypeDevice .tree-icon.dvOM120.disconnect:after {
right: 3px;
bottom: 0px;
}

.treeTypeDoor .tree-icon.dvIm120,
.treeTypeDevice .tree-icon.dvIm120 {
    width: 27px;
    height: 27px;
background-position: -129px -376px;
}

.treeTypeDevice .tree-icon.dvIm120.connecting:after,
.treeTypeDevice .tree-icon.dvIm120.waiting:after,
.treeTypeDevice .tree-icon.dvIm120.sync_error:after,
.treeTypeDevice .tree-icon.dvIm120.disconnect:after {
right: 3px;
bottom: 0px;
}

.treeTypeDoor .tree-icon.dvWeigand,
.treeTypeDevice .tree-icon.dvWeigand {
background-position: -961px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvWeigand.connecting:after,
.treeTypeDevice .tree-icon.dvWeigand.waiting:after,
.treeTypeDevice .tree-icon.dvWeigand.sync_error:after,
.treeTypeDevice .tree-icon.dvWeigand.disconnect:after {
left: 9px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioStationL2,
.treeTypeDevice .tree-icon.dvBioStationL2 {
background-position: -1065px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioStationL2.connecting:after,
.treeTypeDevice .tree-icon.dvBioStationL2.waiting:after,
.treeTypeDevice .tree-icon.dvBioStationL2.sync_error:after,
.treeTypeDevice .tree-icon.dvBioStationL2.disconnect:after {
left: 5px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioStationA2,
.treeTypeDevice .tree-icon.dvBioStationA2 {
background-position: -1013px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioStationA2.connecting:after,
.treeTypeDevice .tree-icon.dvBioStationA2.waiting:after,
.treeTypeDevice .tree-icon.dvBioStationA2.sync_error:after,
.treeTypeDevice .tree-icon.dvBioStationA2.disconnect:after {
right: 1px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioEntryW2,
.treeTypeDevice .tree-icon.dvBioEntryW2 {
background-position: -1117px -312px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioEntryW2.connecting:after,
.treeTypeDevice .tree-icon.dvBioEntryW2.waiting:after,
.treeTypeDevice .tree-icon.dvBioEntryW2.sync_error:after,
.treeTypeDevice .tree-icon.dvBioEntryW2.disconnect:after {
left: 5px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioEntryW3,
.treeTypeDevice .tree-icon.dvBioEntryW3 {
    background-position: -805px -376px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioEntryW3.connecting:after,
.treeTypeDevice .tree-icon.dvBioEntryW3.waiting:after,
.treeTypeDevice .tree-icon.dvBioEntryW3.sync_error:after,
.treeTypeDevice .tree-icon.dvBioEntryW3.disconnect:after {
    right:10px;
    bottom:1px;
}

.treeTypeDoor .tree-icon.dvBioEntryP2,
.treeTypeDevice .tree-icon.dvBioEntryP2 {
background-position: -389px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioEntryP2.connecting:after,
.treeTypeDevice .tree-icon.dvBioEntryP2.waiting:after,
.treeTypeDevice .tree-icon.dvBioEntryP2.sync_error:after,
.treeTypeDevice .tree-icon.dvBioEntryP2.disconnect:after {
left: 6px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvCST,
.treeTypeDevice .tree-icon.dvCST {
background-position:  -493px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvCST.connecting:after,
.treeTypeDevice .tree-icon.dvCST.waiting:after,
.treeTypeDevice .tree-icon.dvCST.sync_error:after,
.treeTypeDevice .tree-icon.dvCST.disconnect:after {
right: 2px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvCST20,
.treeTypeDevice .tree-icon.dvCST20 {
    background-position:  -961px -376px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvCST20.connecting:after,
.treeTypeDevice .tree-icon.dvCST20.waiting:after,
.treeTypeDevice .tree-icon.dvCST20.sync_error:after,
.treeTypeDevice .tree-icon.dvCST20.disconnect:after {
    right: 4px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvDI24,
.treeTypeDevice .tree-icon.dvDI24 {
    background-position:  -1013px -376px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvDI24.connecting:after,
.treeTypeDevice .tree-icon.dvDI24.waiting:after,
.treeTypeDevice .tree-icon.dvDI24.sync_error:after,
.treeTypeDevice .tree-icon.dvDI24.disconnect:after {
    right: 4px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioEntryR2,
.treeTypeDevice .tree-icon.dvBioEntryR2 {
background-position: -441px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioEntryR2.connecting:after,
.treeTypeDevice .tree-icon.dvBioEntryR2.waiting:after,
.treeTypeDevice .tree-icon.dvBioEntryR2.sync_error:after,
.treeTypeDevice .tree-icon.dvBioEntryR2.disconnect:after {
right: 10px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpassD2,
.treeTypeDevice .tree-icon.dvXpassD2 {
background-position: -545px -344px;
    width: 26px;
    height: 27px;
}


.treeTypeDevice .tree-icon.dvXpassD2.connecting:after,
.treeTypeDevice .tree-icon.dvXpassD2.waiting:after,
.treeTypeDevice .tree-icon.dvXpassD2.sync_error:after,
.treeTypeDevice .tree-icon.dvXpassD2.disconnect:after {
right: 6px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpassD2.MDB,
.treeTypeDevice .tree-icon.dvXpassD2.MDB {
    background-position: -1013px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpassD2.MDB.connecting:after,
.treeTypeDevice .tree-icon.dvXpassD2.MDB.waiting:after,
.treeTypeDevice .tree-icon.dvXpassD2.MDB.sync_error:after,
.treeTypeDevice .tree-icon.dvXpassD2.MDB.disconnect:after {
    right: 10px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpassD2Rev2,
.treeTypeDevice .tree-icon.dvXpassD2Rev2 {
background-position: -909px -344px;
    width: 26px;
    height: 27px;
}
.treeTypeDevice .tree-icon.dvXpassD2Rev2.MDB {
background-position: -1069px -308px;
}

.treeTypeDevice .tree-icon.dvXpassD2Rev2.connecting:after,
.treeTypeDevice .tree-icon.dvXpassD2Rev2.waiting:after,
.treeTypeDevice .tree-icon.dvXpassD2Rev2.sync_error:after,
.treeTypeDevice .tree-icon.dvXpassD2Rev2.disconnect:after {
right: 5px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpassD2Rev2.MDB,
.treeTypeDevice .tree-icon.dvXpassD2Rev2.MDB {
    background-position: -1013px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpassD2Rev2.MDB.connecting:after,
.treeTypeDevice .tree-icon.dvXpassD2Rev2.MDB.waiting:after,
.treeTypeDevice .tree-icon.dvXpassD2Rev2.MDB.sync_error:after,
.treeTypeDevice .tree-icon.dvXpassD2Rev2.MDB.disconnect:after {
    right: 10px;
    bottom: 1px;
}

.treeTypeDoor .tree-icon.dvBioLiteN2,
.treeTypeDevice .tree-icon.dvBioLiteN2 {
background-position: -597px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioLiteN2.connecting:after,
.treeTypeDevice .tree-icon.dvBioLiteN2.waiting:after,
.treeTypeDevice .tree-icon.dvBioLiteN2.sync_error:after,
.treeTypeDevice .tree-icon.dvBioLiteN2.disconnect:after {
right: 9px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpassD2Keypad,
.treeTypeDevice .tree-icon.dvXpassD2Keypad {
background-position: 	 -649px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpassD2Keypad.connecting:after,
.treeTypeDevice .tree-icon.dvXpassD2Keypad.waiting:after,
.treeTypeDevice .tree-icon.dvXpassD2Keypad.sync_error:after,
.treeTypeDevice .tree-icon.dvXpassD2Keypad.disconnect:after {
right: 6px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpassD2KeypadRev2,
.treeTypeDevice .tree-icon.dvXpassD2KeypadRev2 {
background-position: -961px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpassD2KeypadRev2.connecting:after,
.treeTypeDevice .tree-icon.dvXpassD2KeypadRev2.waiting:after,
.treeTypeDevice .tree-icon.dvXpassD2KeypadRev2.sync_error:after,
.treeTypeDevice .tree-icon.dvXpassD2KeypadRev2.disconnect:after {
right: 5px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvFaceLite,
.treeTypeDevice .tree-icon.dvFaceLite {
background-position: -753px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvFaceLite.connecting:after,
.treeTypeDevice .tree-icon.dvFaceLite.waiting:after,
.treeTypeDevice .tree-icon.dvFaceLite.sync_error:after,
.treeTypeDevice .tree-icon.dvFaceLite.disconnect:after {
right: 8px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvFaceStationF2FP,
.treeTypeDevice .tree-icon.dvFaceStationF2FP {
background-position: -805px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvFaceStationF2FP.connecting:after,
.treeTypeDevice .tree-icon.dvFaceStationF2FP.waiting:after,
.treeTypeDevice .tree-icon.dvFaceStationF2FP.sync_error:after,
.treeTypeDevice .tree-icon.dvFaceStationF2FP.disconnect:after {
right: 6px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvFaceStationF2,
.treeTypeDevice .tree-icon.dvFaceStationF2 {
background-position: -857px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvFaceStationF2.connecting:after,
.treeTypeDevice .tree-icon.dvFaceStationF2.waiting:after,
.treeTypeDevice .tree-icon.dvFaceStationF2.sync_error:after,
.treeTypeDevice .tree-icon.dvFaceStationF2.disconnect:after {
right: 8px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXStation2,
.treeTypeDevice .tree-icon.dvXStation2 {
background-position: -1117px -344px;
    width: 26px;
    height: 27px;
}


.treeTypeDevice .tree-icon.dvXStation2.connecting:after,
.treeTypeDevice .tree-icon.dvXStation2.waiting:after,
.treeTypeDevice .tree-icon.dvXStation2.sync_error:after,
.treeTypeDevice .tree-icon.dvXStation2.disconnect:after {
right: 5px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpassQ2,
.treeTypeDevice .tree-icon.dvXpassQ2 {
    background-position: -77px -409px;
    width: 26px;
    height: 30px;
}

.treeTypeDevice .tree-icon.dvXpassQ2.connecting:after,
.treeTypeDevice .tree-icon.dvXpassQ2.waiting:after,
.treeTypeDevice .tree-icon.dvXpassQ2.sync_error:after,
.treeTypeDevice .tree-icon.dvXpassQ2.disconnect:after {
    right: 6px;
    bottom: 0px;
}

.treeTypeDoor .tree-icon.dvXStation2QR,
.treeTypeDevice .tree-icon.dvXStation2QR {
background-position: -1065px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXStation2QR.connecting:after,
.treeTypeDevice .tree-icon.dvXStation2QR.waiting:after,
.treeTypeDevice .tree-icon.dvXStation2QR.sync_error:after,
.treeTypeDevice .tree-icon.dvXStation2QR.disconnect:after {
right: 5px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXStation2FP,
.treeTypeDevice .tree-icon.dvXStation2FP {
background-position: -77px -376px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXStation2FP.connecting:after,
.treeTypeDevice .tree-icon.dvXStation2FP.waiting:after,
.treeTypeDevice .tree-icon.dvXStation2FP.sync_error:after,
.treeTypeDevice .tree-icon.dvXStation2FP.disconnect:after {
right: 6px;
bottom: 0px;
}



.treeTypeDoor .tree-icon.dvBioStation2a,
.treeTypeDevice .tree-icon.dvBioStation2a {
    background-position: -752px -375px;
}

.treeTypeDevice .tree-icon.dvBioStation2a.connecting:after,
.treeTypeDevice .tree-icon.dvBioStation2a.waiting:after,
.treeTypeDevice .tree-icon.dvBioStation2a.sync_error:after,
.treeTypeDevice .tree-icon.dvBioStation2a.disconnect:after {
    right: 3px;
    bottom: 1px;
}


.treeTypeDoor .tree-icon.dvBioStation3,
.treeTypeDevice .tree-icon.dvBioStation3 {
background-position: -181px -376px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvBioStation3.connecting:after,
.treeTypeDevice .tree-icon.dvBioStation3.waiting:after,
.treeTypeDevice .tree-icon.dvBioStation3.sync_error:after,
.treeTypeDevice .tree-icon.dvBioStation3.disconnect:after {
right: 5px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpass2,
.treeTypeDevice .tree-icon.dvXpass2 {
background-position: -701px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpass2.connecting:after,
.treeTypeDevice .tree-icon.dvXpass2.waiting:after,
.treeTypeDevice .tree-icon.dvXpass2.sync_error:after,
.treeTypeDevice .tree-icon.dvXpass2.disconnect:after {
right: 9px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvXpass2Keypad,
.treeTypeDevice .tree-icon.dvXpass2Keypad {
background-position: -649px -344px;
    width: 26px;
    height: 27px;
}

.treeTypeDevice .tree-icon.dvXpass2Keypad.connecting:after,
.treeTypeDevice .tree-icon.dvXpass2Keypad.waiting:after,
.treeTypeDevice .tree-icon.dvXpass2Keypad.sync_error:after,
.treeTypeDevice .tree-icon.dvXpass2Keypad.disconnect:after {
right: 5px;
bottom: 1px;
}

.treeTypeDoor .tree-icon.dvNVR,
.treeTypeDevice .tree-icon.dvNVR {
background-position: -607px -285px;
}

.treeTypeDevice .tree-icon.dvDoorRelay {
background-position: -114px -283px;
}

.treeTypeDoor .tree-icon.hasDeviceDoor {
background-position: -487px -288px;
}


/* icon - door */
.treeTypeDoor .tree-file,
.treeTypeDoor .tree-folder,
.treeTypeDoor .tree-folder-open {
    background-position: -120px -288px;
}
.treeTypeDoor .tree-file {
    background-position: -487px -288px;
}
.treeTypeDoor .doorGroupIcon {
    background-position: -120px -288px;
}
.treeTypeDoor .doorIcon {
    background-position: -487px -288px;
}

.treeTypeZone .zoneGroupIcon {
    background-position: -160px -288px;
}

.treeTypeZone .zoneIcon {
    background-position: -160px -288px;
}

/* icon - zone */
.treeTypeZone .tree-file,
.treeTypeZone .tree-folder,
.treeTypeZone .tree-folder-open {
    background-image: url(../images/common/sp_layout.png);
    background-position: -160px -288px;
    background-repeat: no-repeat;
}

/* zone root node 숨기고 하위노드 좌측으로 들이기 */
.treeTypeZone.tree.treeGrid > li > div.tree-node {
    display: none;
}

.treeTypeZone.tree.treeGrid > li {
    margin-left: -16px;
}

.treeTypeZone.tree.treeGrid .tree-checkbox {
    left: 26px;
}

.treeTypeZone.tree.treeGrid li > div:before {
    left: 54px;
}

/* icon - elevator */
.treeTypeElevator .tree-file,
.treeTypeElevator .tree-folder,
.treeTypeElevator .tree-folder-open {
    background-position: -120px -288px;
}

.treeTypeElevator .tree-file {
    background-position: -527px -287px;
    width: 23px;
    margin-top: 8px;
}

.treeTypeElevator .elevatorGroupIcon {
    background-position: -507px -287px;
    width: 21px;
}

.treeTypeElevator .elevatorIcon {
    background-position: -487px -288px;
}

/* icon - card */
/*.treeTypeCard .tree-file,*/
/*.treeTypeCard .tree-folder,*/
/*.treeTypeCard .tree-folder-open {*/
/*background-image: url(../images/common/sp_layout.png);*/
/*background-position: -100px -288px;*/
/*background-repeat: no-repeat;*/
/*}*/

/* icon - card */
.treeTypeAccessStatus .tree-file,
.treeTypeAccessStatus .tree-folder,
.treeTypeAccessStatus .tree-folder-open,
.treeTypeCard .tree-file,
.treeTypeCard .tree-folder,
.treeTypeCard .tree-folder-open {
    background-image: url(../images/common/sp_layout.png);
    background-position: -440px -288px;
    background-repeat: no-repeat;
}
/* icon - schedule */
.treeTypeSchedule .tree-file,
.treeTypeSchedule .tree-folder,
.treeTypeSchedule .tree-folder-open {
    background-image: url(../images/common/sp_layout.png);
    background-position: -180px -288px;
    background-repeat: no-repeat;
}

/* icon - holiday */
.treeTypeHoliday .tree-file,
.treeTypeHoliday .tree-folder,
.treeTypeHoliday .tree-folder-open {
    background-image: url(../images/common/sp_layout.png);
    background-position: -200px -288px;
    background-repeat: no-repeat;
}

/* filterTree */
.tree.filterTree {
}

.tree.filterTree .tree-icon {
    display: none;
}

.tree.filterTree li > div {
    height: 27px;
    padding: 0 10px 0 36px;
    border-bottom: 1px solid #f0eee1;
}

.tree.filterTree .tree-checkbox {
    position: absolute;
    left: 10px;
    top: 5px;
    width: 16px;
    height: 16px;
    background-image: url(../images/common/sp_form.png);
    background-repeat: no-repeat;
}

.tree.filterTree .tree-checkbox0 {
    background-position: 0 0;
}

.tree.filterTree .tree-checkbox1 {
    background-position: -16px 0;
}

.tree.filterTree .tree-checkbox2 {
    background-position: -80px 0;
}

.tree.filterTree .tree-hit {
    margin: 4px 0 0 0;
}

.tree.filterTree .tree-title {
    margin: 3px 0 0 0;
    font-size: 11px;
    white-space: nowrap;
}

/* treeGrid */
.tree.treeGrid {
    background: #fff;
}

/*.tree.treeGrid .tree-icon{display:none;}*/
.tree.treeGrid li > div {
    position: relative;
    height: 36px;
    padding: 0 10px 0 49px;
    border-bottom: 1px solid #f0eee1;
}

.tree.treeGrid li > div:before {
    display: block;
    content: "";
    position: absolute;
    left: 38px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ebebeb;
}

.tree.treeGrid .tree-checkbox {
    position: absolute;
    left: 10px;
    top: 11px;
    width: 16px;
    height: 16px;
    background-image: url(../images/common/sp_form.png);
    background-repeat: no-repeat;
}

.tree.treeGrid .tree-checkbox0 {
    background-position: 0 0;
}

.disabled .tree.treeGrid .tree-checkbox0,
.tree.treeGrid .disabled > .tree-checkbox0,
.tree.treeGrid .tree-checkbox0.disabled {
    background-position: -48px 0;
}

.tree.treeGrid .disabled > .tree-checkbox1 {
    background-position: -64px 0;
}

.tree.treeGrid .tree-checkbox1 {
    background-position: -16px 0;
}

.tree.treeGrid .tree-checkbox2 {
    background-position: -80px 0;
}

.tree.treeGrid .tree-checkbox3 {
  background-position: -64px 0;
}


.tree.treeGrid .tree-hit {
    margin: 9px 0 0 0;
}

.tree.treeGrid .tree-title {
    margin: 9px 0 0 0;
    font-size: 12px;
    white-space: nowrap;
}

/*.tree.treeGrid.treeTypeDevice .tree-icon{display:block;}*/

/* context menu */
.menu {
    padding: 0;
    border: 2px solid #1aa69f;
    background: #fff;
}

.menu .menu-line {
    display: none;
}

.menu .menu-item {
    border-width: 0;
    border-bottom: 1px solid #e1ebeb;
}

.menu .menu-item:hover {
    background: #edf8f8;
}

.menu .menu-item:last-child {
    border-bottom: 0;
}

.menu .menu-text {
    height: 29px;
    padding: 9px 16px 8px 16px;
    font-size: 0.917em;
    color: #1aa69f;
    line-height: 1;
}

.menu .menu-active {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #edf8f8;
}

/* slider */
.slider-h {
    float: left;
    height: 19px;
}

.slider-inner {
    top: 9px;
    height: 12px;
    border-radius: 8px;
    border-color: #a49c9e;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    background: #eaeaea;
}

.slider-handle {
    top: -3px;
    width: 18px;
    height: 19px;
    margin-left: -9px;
    background: url(../images/common/slider_handle.png) no-repeat left top;
}

.slider-tip {
    display: none;
}

.slider-result {
    display: inline-block;
    padding: 9px 0 0 0;
    margin: 0 0 0 15px;
    font-size: 11px;
    color: #6e6e6e;
    font-weight: bold;
}

.slider-h .sliderHandle {
    display: block;
    position: absolute;
    top: -3px;
    width: 18px;
    height: 19px;
    margin-left: -9px;
    background: url(../images/common/slider_handle.png) no-repeat left top;
    z-index: 30;
}

.slider-h .sliderRange {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    background: #d2cecf;
    z-index: 10;
}

.slider-h .unit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    z-index: 20;
}

.slider-h .unit li {
    float: left;
    height: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.slider-h .unit li:first-child {
    border-left: 0;
}

.slider-h .unit li:last-child {
    border-right: 0;
}

.slider-h .unit.length15 li {
    width: 6.66%;
}

.slider-h .unit.length10 li {
    width: 10%;
}

.slider-h .unit.length9 li {
    width: 11.11%;
}

.slider-h .unit.length8 li {
    width: 12.5%;
}

.slider-h .unit.length7 li {
    width: 14.28%;
}

.slider-h .unit.length6 li {
    width: 16.65%;
}

.slider-h .unit.length5 li {
    width: 20%;
}

.slider-h .unit.length4 li {
    width: 25%;
}

.slider-h .unit.length3 li {
    width: 33.33%;
}

.slider-h .unit.length2 li {
    width: 50%;
}

/* spinner */
.spinner {
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
}

.spinner .spinner-text {
    float: left;
    display: inline-block;
    position: relative;
    font-size: 12px;
    color: #6e6e6e;
    font-weight: normal;
    font-family: Verdana, Helvetica, '돋움', Dotum, '굴림', Gulim, sans-serif;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-appearance: none;
    border: 1px solid #b4b4b4;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    background: #fff;
}

.spinner input:focus {
    outline: none;
    border: 1px solid #19a5a0 !important;
    z-index: 30;
}

.spinner-arrow {
    position: relative;
    float: right;
    left: -1px;
    width: 20px;
    background-color: transparent;
}

.spinner-arrow-up, .spinner-arrow-down {
    display: block;
    position: absolute;
    overflow: hidden;
    width: 20px;
    height: 15px !important;
    opacity: 1;
    background-image: url(../images/common/sp_form.png);
    background-repeat: no-repeat;
}

.spinner-arrow-up {
    top: 0;
    background-position: 0 -40px;
}
.spinner-arrow-up.disabled {
    top: 0;
    background-position: -21px -40px !important;
}

.spinner-arrow-down {
    top: 14px;
    background-position: 0 -55px;
}
.spinner-arrow-down.disabled {
    top: 14px;
    background-position: -21px -55px !important;
}

.spinner-arrow-up.spinner-arrow-hover {
    background-color: transparent;
    background-position: -42px -40px;
    z-index: 20;
}

.spinner-arrow-down.spinner-arrow-hover {
    top: 14px;
    background-color: transparent;
    background-position: -42px -55px;
    z-index: 20;
}

/* datagrid */
.datagrid-header {
    overflow: visible;
}

.datagrid-header-check, .datagrid-cell-check {
    overflow: visible;
    margin: 0 auto;
}

.datagridTypeA .datagrid-view {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.datagridTypeA .datagrid {
    border-radius: 8px;
    border: 1px solid #a49c9e;
}

.datagridTypeA .datagrid .panel-header {
    display: none;
}

.datagridTypeA .datagrid .datagrid-cell-check, .datagridTypeA .datagrid .datagrid-header-check {
    width: 55px;
    padding: 0 6px;
}

.datagridTypeA .datagrid-header {
    border-width: 0;
}

.datagridTypeA .datagrid-header .filter-result-row td {
    background: none;
    border: 0;
    padding: 0;
    vertical-align: top;
}

.datagridTypeA .datagrid-header td {
    height: 45px;
    /*padding: 0 5px;*/
    border-width: 0 0 1px 1px;
    border-color: #8c8282 #988f90;
    border-style: solid;
    background: #a49c9e;
}

.datagridTypeA .datagrid-header td img {
    vertical-align: top;
}

.datagridTypeA .datagrid-row-over,
.datagridTypeA .datagrid-header td.datagrid-header-over {
    background: #a49c9e;
}

.datagridTypeA .datagrid-header td:first-child {
    border-left: 0;
}

.datagridTypeA .datagrid-header .datagrid-cell {
    /*height: 42px;*/
    padding: 6px;
    color: #fff;
    /*font-weight: bold;*/
}

.datagridTypeA .datagrid-header td[field^="customField"] .datagrid-cell > span:first-child {
    display: inline-block;
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.datagridTypeA .datagrid-body {
    background: #fff;
}

.datagridTypeA .datagrid-body tr {
    background: #fff;
}

.datagridTypeA .datagrid-body td {
    height: 35px;
    /*padding: 0 5px;*/
    border-width: 1px 1px 0 0;
    border-color: #ebebeb #fff #fff #fff;
    border-style: solid;
}

.datagridTypeA .datagrid-body tr:nth-of-type(even) {
    background: #fafafa;
}

.datagridTypeA .datagrid-body tr:nth-of-type(even) td {
    border-color: #ebebeb #fafafa #fafafa #fafafa;
}

.datagridTypeA .datagrid-body tr.datagrid-row-over {
    color: #6e6e6e;
    background: #f7f2c0;
    cursor: default;
}

.datagridTypeA .datagrid-body tr.datagrid-row-over td {
    border-color: #ebebeb #f7f2c0 #f7f2c0 #f7f2c0;
}

.datagridTypeA .datagrid-body tr.datagrid-row-selected {
    color: #6e6e6e;
    background: #dcf1f2;
}

.datagridTypeA .datagrid-body tr.datagrid-row-selected td,
.datagridTypeA .datagrid-body tr.datagrid-row-selected td + tr td {
    border-color: #fff #dcf1f2 #fff #dcf1f2;
}

.datagridTypeA .datagrid-body tr:first-child td {
    border-width: 0 1px 0 0;
}

.datagridTypeA .datagrid-cell,
.datagridTypeA .datagrid-cell-group,
.datagridTypeA .datagrid-header-rownumber,
.datagridTypeA .datagrid-cell-rownumber {
    padding: 0;
    /*text-align: center;*/
}
.datagridTypeA .datagrid-cell {
    padding: 0 5px;
}

.datagridTypeA .datagrid-sort-icon {
    display: none;
}

.datagridTypeA .datagrid-footer td {
    border-width: 0;
}

.datagridTypeB .datagrid {
    border: 1px solid #a49c9e;
}

.datagridTypeB .datagrid-header-inner {
    background: #a49c9e;
}

.datagridTypeB .datagrid .panel-header {
    display: none;
}

.datagridTypeB .datagrid .datagrid-cell-check, .datagridTypeB .datagrid .datagrid-header-check {
    width: 45px;
}

.datagridTypeB .datagrid-header {
    border-width: 0;
}

.datagridTypeB .datagrid-header td {
    height: 37px;
    padding: 0 5px;
    border-width: 0 0 1px 1px;
    border-color: #a49c9e #b2acad;
    border-style: solid;
    background: #a49c9e;
}

.datagridTypeB .datagrid-header td img {
    vertical-align: top;
}

.datagridTypeA .datagrid-row-over,
.datagridTypeB .datagrid-header td.datagrid-header-over {
    background: #a49c9e;
}

.datagridTypeB .datagrid-header td:first-child {
    border-left: 0;
}

.datagridTypeB .datagrid-header .datagrid-cell {
    color: #fff;
    font-weight: bold;
}

.datagridTypeB .datagrid-body {
    background: #fff;
}

.datagridTypeB .datagrid-body tr {
    background: #fff;
}

.datagridTypeB .datagrid-body td {
    height: 35px;
    padding: 0 5px;
    border-width: 1px 0 0 1px;
    border-color: #f0f0f0;
    border-style: solid;
}

.datagridTypeB .datagrid-body td:first-child {
    border-width: 1px 0 0 0;
}

.datagridTypeB .datagrid-body tr.datagrid-row-over {
    background: #f7f2c0;
    color: #6e6e6e;
    cursor: default;
}

.datagridTypeB .datagrid-body tr.datagrid-row-selected {
    background: #dcf1f2;
    color: #6e6e6e;
}

.datagridTypeB .datagrid-body tr.datagrid-row-selected td,
.datagridTypeB .datagrid-body tr.datagrid-row-selected td + tr td {
    border-color: #fff;
}

.datagridTypeB .datagrid-body tr:first-child td {
    border-top: 0;
}

.datagridTypeB .datagrid-cell,
.datagridTypeB .datagrid-cell-group,
.datagridTypeB .datagrid-header-rownumber,
.datagridTypeB .datagrid-cell-rownumber {
    padding: 0;
    text-align: center;
}

.datagridTypeB .datagrid-sort-icon {
    display: none;
}

.datagridTypeB .datagrid-footer td {
    border-width: 0;
}

/* pagination */
.pagination {
    margin: 0;
    border-radius: 0;
}

.l-btn-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}

.pagination .l-btn, .pagination .l-btn-small, .pagination .l-btn-plain, .pagination .l-btn-disabled, .pagination .l-btn-plain-disabled,
.pagination .l-btn:hover, .pagination .l-btn-small:hover, .pagination .l-btn-plain:hover, .pagination .l-btn-disabled:hover, .pagination .l-btn-plain-disabled:hover {
    width: 24px;
    height: 25px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: transparent;
}

.pagination .l-btn-icon-left .l-btn-icon {
    left: 0px;
}

.pagination .l-btn-icon {
    top: 0;
    width: 24px;
    height: 25px;;
    margin: 0;
}

.pagination table {
    float: right;
    height: 25px;
}

.pagination-info {
    font-weight: bold;
    height: 22px;
    padding: 6px 10px 0 0;
    margin: 0;
    line-height: 0.9;
}

.pagination-prev {
    background-image: url(../images/common/sp_button.png);
    background-position: 0 -66px;
    background-repeat: no-repeat;
}

.pagination-prev:hover {
    background-position: -96px -66px;
}

.pagination-prev:active {
    background-position: -144px -66px;
}

.l-btn-disabled .pagination-prev {
    background-position: -48px -66px;
}

.pagination-next {
    background-image: url(../images/common/sp_button.png);
    background-position: -24px -66px;
    background-repeat: no-repeat;
}

.pagination-next:hover {
    background-position: -120px -66px;
}

.pagination-next:active {
    background-position: -168px -66px;
}

.l-btn-disabled .pagination-next {
    background-position: -72px -66px;
}

/* window-mask */
.window-mask {
    position: fixed;
    background: #000;
    z-index: 10000;
}

.window {
    background: none !important;
    filter: none;
    z-index: 10001;
    overflow: visible;
}

.window, .window .window-body {
    border-width: 0;
}

.window .window-header {
    padding: 0;
}

.window-mask.transparent {
    background-color: transparent;
}

.window-mask.transparent .mask-msg {
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    font-size: 80em;
}

/* panel */
.panel-body {
    border-width: 0;
    background: none;
    overflow: hidden;
}

.panel-header {
    padding: 0;
    border: 2px solid #594b4f;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #a49c9e !important;
}

.panel-title {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    height: 42px;
    padding: 15px 40px 0 30px;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-overflow: ellipsis;
}

.panel-tool a {
    width: 14px;
    height: 14px;
    margin: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    background: url(../images/common/popup_close.png) no-repeat left top;
}

.panel-tool a:hover {
    background-color: #a49c9e;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.window .window-header .panel-tool {
    right: 20px;
}

.window .window-header .panel-icon, .window .window-header .panel-tool {
    margin-top: -7px;
}

.panel.window > .window-body > .panel {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 2px solid #594b4f;
    border-top: 0px;
}

/* calender wrap */
.calenderWrap {
    width: 646px;
    height: 422px;
    padding: 0;
    border: 2px solid #594b4f;
    border-radius: 10px;
    background: transparent;
}

.calenderStar .title, .calenderEnd .title {
    height: 32px;
    padding: 0 0 0 12px;
    font-size: 16px;
    color: #5a5a5a;
    background: url(../images/common/bl_item.png) no-repeat left 4px;
}

.calenderStar, .calenderEnd {
    float: left;
    width: 50%;
    margin: 0;
}

.calenderStar {
    padding: 20px 25px 20px 30px;
    border-right: 1px solid #e8e6e6;
}

.calenderEnd {
    padding: 20px 30px 20px 25px;
}

.calendarPop {
    overflow: hidden !important;
    padding: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.calenderCnt {
    overflow: hidden;
}

.calenderCnt .spinner {
    margin: 10px 0 0 0;
}

/* calendar */
.calendar {
    height: 263px;
    padding: 0;
    border-width: 0;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    background: #fff;
}

.calendar-header {
    height: 46px;
    border-bottom: 1px solid #c3bec0;
    background: #dedbdc;
}

.calendar-title {
    padding: 10px 0 0 0;
    font-size: 14px;
    color: #5a5a5a;
    font-weight: bold;
}

.calendar-title .calendar-menu-hover {
    background: #dedbdc;
}

.calendar-nextyear,
.calendar-prevyear,
.calendar-nextmonth,
.calendar-prevmonth {
    background-image: url(../images/common/sp_button.png);
    background-repeat: no-repeat;
}

.calendar-prevyear {
    left: 15px;
    background-position: 0 -184px;
}

.calendar-prevmonth {
    left: 33px;
    background-position: -14px -184px;
}

.calendar-nextmonth {
    right: 33px;
    background-position: -28px -184px;
}

.calendar-nextyear {
    right: 15px;
    background-position: -42px -184px;
}

.calendar-hover {
    right: 15px;
    background-position: -42px -184px;
}

.calendar-nav-hover {
    background-color: #dedbdc;
}

.calendar-body th {
    padding: 10px 0;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid #bdb7b9;
    background: #fff;
}

.calendar-body td {
    height: 30px;
    color: #5a5a5a;
}

.calendar-hover {
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f7f2c0;
}

.calendar-today {
    border: 1px solid #19a5a0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}

.calendar-menu-hover {
    background: #f7f2c0;
}

.calendar-selected {
    color: #fff !important;
    font-weight: bold;
    border: 1px solid #96d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #96d2d2;
}

.calendar-btn {
    height: 60px;
    padding: 14px 30px 0 30px;
    border: 1px solid #e8e6e6;
    background: #f5f5f5;
}

.calendar-menu-prev, .calendar-menu-prev.calendar-menu-hover, .calendar-menu-next, .calendar-menu-next.calendar-menu-hover {
    width: 14px;
    height: 14px;
    background-image: url(../images/common/sp_button.png);
    background-repeat: no-repeat;
}

.calendar-menu-prev {
    margin: 8px 8px 0 0;
    background-position: 0 -184px;
}

.calendar-menu-prev.calendar-menu-hover {
    background-color: #fff;
}

.calendar-menu-next {
    margin: 8px 0 0 8px;
    background-position: -42px -184px;
}

.calendar-menu-next.calendar-menu-hover {
    background-color: #fff;
}

.calendar-menu-year {
    display: inline-block;
    width: 68px;
    height: 28px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #6e6e6e;
    font-weight: bold;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-appearance: none;
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    background: #fff;
}

.calendar-menu-year:focus {
    outline: none;
    border: 1px solid #19a5a0 !important;
}

/* calendar small */
.calendarSmall {
    border-radius: 5px;
}

.calendarSmall .calendar-header {
    height: 27px;
}

.calendarSmall .calendar-title {
    padding: 2px 0 0 0;
    font-size: 11px;
    font-weight: normal;
}

.calendarSmall .calendar-prevyear {
    left: 7px;
    background-position: -56px -184px;
}

.calendarSmall .calendar-prevmonth {
    left: 20px;
    background-position: -70px -184px;
}

.calendarSmall .calendar-nextmonth {
    right: 20px;
    background-position: -84px -184px;
}

.calendarSmall .calendar-nextyear {
    right: 7px;
    background-position: -98px -184px;
}

.calendarSmall .calendar-body th {
    padding: 3px 0;
    font-size: 10px;
    font-weight: normal;
}

.calendarSmall .calendar-body td {
    height: 18px;
    font-size: 10px;
}

.calendarSmall .calendar-selected, .calendarSmall .calendar-hover, .calendarSmall .calendar-menu-hover {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.calendarSmall .calendar-menu {
    padding: 10px;
}

.calendarSmall .calendar-menu-year-inner {
    padding-bottom: 8px;
}

.calendarSmall .calendar-menu-prev {
    margin: 8px 8px 0 0;
    background-position: -56px -184px;
}

.calendarSmall .calendar-menu-next {
    margin: 8px 0 0 8px;
    background-position: -98px -184px;
}

.calendarSmall .calendar-menu-year {
    width: 48px;
    font-size: 11px;
    font-weight: normal;
}

/* add easyui for components */
.panel {
    overflow: visible;
}

.panel-body .panel {
    overflow: visible;
}

.panel-body.visible, .panel-body.visible .panel {
    overflow: visible !important;
}

.dialog-content {
    overflow: visible;
}

.messager-body.panel-body.panel-body-noborder.window-body {
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 2px solid #594b4f;
    border-top: 0px;
}
.messager-body.panel-body.panel-body-noborder.window-body > div {
    line-height: 18px;
}
.window-shadow {
    visibility: hidden;
}

.datagrid-sort-asc {
    background-image: url(../images/common/arr_dark_open.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) center;
    cursor: pointer;
}.datagrid-sort-desc {
    background-image: url(../images/common/arr_dark_close.png);
    background-repeat: no-repeat;
     background-position: calc(100% - 5px) center;
    cursor: pointer;
}

.datagrid-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messager-window {
    min-width: 350px;
}

.messager-window > .window-header{
    min-width: 340px;
}

.messager-window > .messager-body {
    min-width: 340px;
}

.datagrid .panel-body {
    position: static !important;
}

.tree-title {
    width: 100%;
}

.tree-title > span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: list-item;
}

.tree-node-hover.disabled {
    background: none;
    cursor: default;
}

.tree-node.disabled .tree-title b,
.tree-node.disabled {
    cursor: default !important;
}

.tree-node.disabled > .tree-folder,
.tree-node.disabled > .tree-title {
    opacity: .5;
}


.userGroupTreeNode[data-depth='8'] {
    width: calc(100% - (18px * 8) - 1px);
}
.userGroupTreeNode[data-depth='7'] {
    width: calc(100% - (18px * 7) - 6px);
}
.userGroupTreeNode[data-depth='6'] {
    width: calc(100% - (18px * 6) - 10px);
}
.userGroupTreeNode[data-depth='5'] {
    width: calc(100% - (18px * 5) - 10px);
}
.userGroupTreeNode[data-depth='4'] {
    width: calc(100% - (18px * 4) - 12px);
}
.userGroupTreeNode[data-depth='3'] {
    width: calc(100% - (18px * 3) - 15px);
}
.userGroupTreeNode[data-depth='2'] {
    width: calc(100% - (18px * 2) - 20px);
}
.userGroupTreeNode[data-depth='1'] {
    width: calc(100% - (18px * 1) - 24px);
}

.graphicMapTreeNode[data-depth='9'] {
    width: calc(100% - (18px * 9) + 5px);
}
.graphicMapTreeNode[data-depth='8'] {
    width: calc(100% - (18px * 8) + 5px);
}
.graphicMapTreeNode[data-depth='7'] {
    width: calc(100% - (18px * 7) - 1px);
}
.graphicMapTreeNode[data-depth='6'] {
    width: calc(100% - (18px * 6) - 0px);
}
.graphicMapTreeNode[data-depth='5'] {
    width: calc(100% - (18px * 5) - 5px);
}
.graphicMapTreeNode[data-depth='4'] {
    width: calc(100% - (18px * 4) - 10px);
}
.graphicMapTreeNode[data-depth='3'] {
    width: calc(100% - (18px * 3) - 12px);
}
.graphicMapTreeNode[data-depth='2'] {
    width: calc(100% - (18px * 2) - 17px);
}
.graphicMapTreeNode[data-depth='1'] {
    width: calc(100% - (18px * 1) - 21px);
}

#devicegrouptree .tree-title.depth8 .tree-editor.userGroupTreeNode {
    width: calc(100% - (16px * 7) + 1px);
}
#devicegrouptree .tree-title.depth7 .tree-editor.userGroupTreeNode {
    width: calc(100% - (16px * 6) - 1px);
}
#devicegrouptree .tree-title.depth6 .tree-editor.userGroupTreeNode {
    width: calc(100% - (16px * 5) - 1px);
}
#devicegrouptree .tree-title.depth5 .tree-editor.userGroupTreeNode {
    width: calc(100% - (16px * 4) - 1px);
}

#devicegrouptree .userGroupTreeNode[data-depth='8'] {
    width: calc(100% - (16px * 7) - 2px);
}
#devicegrouptree .userGroupTreeNode[data-depth='7'] {
    width: calc(100% - (16px * 6) - 2px);
}
#devicegrouptree .userGroupTreeNode[data-depth='6'] {
    width: calc(100% - (16px * 5) - 2px);
}
#devicegrouptree .userGroupTreeNode[data-depth='5'] {
    width: calc(100% - (16px * 4) - 2px);
}
#devicegrouptree .userGroupTreeNode[data-depth='4'] {
    width: calc(100% - (16px * 3) - 2px);
}
#devicegrouptree .userGroupTreeNode[data-depth='3'] {
    width: calc(100% - (16px * 2) - 2px);
}
#devicegrouptree .userGroupTreeNode[data-depth='2'] {
    width: calc(100% - (16px * 1) - 2px);
}
#devicegrouptree .userGroupTreeNode[data-depth='1'] {
    width: calc(100% - 2px);
}
#devicegrouptree .deviceTree.userGroupTreeNode[data-depth='8'] {
    width: calc(100% - (18px * 8));
}
#devicegrouptree .deviceTree.userGroupTreeNode[data-depth='7'] {
    width: calc(100% - (18px * 7) - 1px);
}
#devicegrouptree .deviceTree.userGroupTreeNode[data-depth='6'] {
    width: calc(100% - (18px * 6) - 3px);
}
#devicegrouptree .deviceTree.userGroupTreeNode[data-depth='5'] {
    width: calc(100% - (18px * 5) - 3px);
}
#devicegrouptree .deviceTree.userGroupTreeNode[data-depth='4'] {
    width: calc(100% - (18px * 4) - 3px);
}
#devicegrouptree .deviceTree.userGroupTreeNode[data-depth='3'] {
    width: calc(100% - (18px * 3) - 5px);
}
#devicegrouptree .deviceTree.userGroupTreeNode[data-depth='2'] {
    width: calc(100% - (18px * 2) - 7px);
}
#devicegrouptree .deviceTree.userGroupTreeNode[data-depth='1'] {
    width: calc(100% - (18px * 1) - 9px);
}

td[field^="customField"] {
    /*max-width: 180px;*/
}

/* icon - graphicMap */
.treeTypeGraphicMap .tree-file,
.treeTypeGraphicMap .tree-folder,
.treeTypeGraphicMap .tree-folder-open {
    background-position: -650px -286px;
}
.treeTypeGraphicMap .tree-file {
    background-position: -670px -286px;
}
.treeTypeGraphicMap .graphicMapGroupIcon {
    background-position: -650px -286px;
}
.treeTypeGraphicMap .graphicMapIcon {
    background-position: -670px -286px;
}

.tree-node-proxy .tree-click-ignore {
    display: none;
}

.group-select-box .tree-title {
    width: auto;
}

#quickDoorSetupPopupDlg .tree-node:has(.disabled) {
    pointer-events: none;
    opacity: 0.5;
}