@charset "utf-8";
@import url(port.css);

/*********************************** 
디자이너 외에 수정이 불가합니다.
필요시 협의 부탁드립니다.
***********************************/

/* CSS Document */
*{ padding:0; margin:0; color:#333; font-size:12px; letter-spacing:-0.3px; font-family:-apple-system, 'Apple Gothic',/* 'Segoe UI', */Arial, sans-serif, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum !important;  line-height:18px; }

html, body{ }
body .ifr{ background-color:transparent; }
ul,ol,dl { list-style:none; }
img { border:0; vertical-align:middle; }
table { border:0; padding:0; border-collapse:collapse; border-spacing:0; }
th, td { padding:0; }
input{ outline:none; }
input[type=text],input[type=password],input[type=number]{ border:1px #ccc solid; height:22px; line-height:22px; font-size:1rem; padding:0 4px; vertical-align:middle; }
input[type=checkbox]{ width:13px; height:13px; vertical-align:middle; }
input[type=radio]{ width:13px; height:13px; vertical-align:middle; }
input[type=button]{ vertical-align:middle; }
input[type=file]{ vertical-align:middle; }
input::-webkit-input-placeholder{ color:#bbb; }
input::-moz-placeholder{ color:#bbb; }
input::-ms-input-placeholder{ color:#bbb; }
select{ height:20px; margin:0; vertical-align:middle; border:1px #ccc solid; outline:none;}
textarea{ border:1px #ccc solid;padding:2px; vertical-align:middle; outline:none; overflow:auto; }
.multisel{ border:1px #ccc solid; vertical-align:middle; outline:none; }
input[disabled], select[disabled], textarea[disabled]{ background-color:#ddd; opacity:0.5; }
textarea.valid_error, input.valid_error{ border:2px #ff5b49 solid; }
a, a img, map{ cursor:pointer; }
a{ color:#2162ae; }
a:hover, a:active, a:visited{ color:#2162ae; }
iframe{ overflow:hidden; }
button{ vertical-align:middle; border:0; cursor:pointer; outline:none; }
button[disabled]{ opacity:0.5; cursor:default;  }
select option[disabled]{ color:#bbb; }

/* valid-error-tooltip */
.valid-error-tooltip{ background:#ff5b49 !important; border:0 !important; padding:2px 5px !important; border-radius:2px !important; z-index:10100 !important; }
.valid-error-tooltip .ui-tooltip-content{ color:#fff; font-size:11px; line-height:16px; }

/* upload file : 브라우저에 상관없이 일관적인 디자인 */
div.upload_file { position: relative; }
div.upload_file>input.file { position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity=0); opacity: 0; z-index: 2; width:300px; }
div.upload_file>div.inner { position: absolute; top: 0px; left: 0px; z-index: 1; height:100%;  }
div.upload_file>div.inner input[type=text]{ float:left; width:200px !important; height:100% !important; box-sizing:border-box; }
div.upload_file>div.inner button.btn_choose_file{ float:left; min-width:70px; height:100%; box-sizing:border-box; background:url(../images/common/btn_bg.png) repeat-x bottom; border:1px #a9a9a9 solid; border-left:0; line-height: 20px; border-top-left-radius:0; border-bottom-left-radius:0; opacity:1 !important; }


/* wrap_main */
.wrap{ width:100%; position:relative; min-width:1280px; }

.wrap header{ width:100%; height:70px; position:relative; z-index:1010; box-sizing:border-box; }
.wrap header h1{ position:absolute; text-indent:-9999px; }
.wrap header h1 a{ display:block; width:160px; height:40px; background-size:contain; }

.wrap header .btn_change_layout{ position:absolute; left:200px; top:30px; width:22px; height:22px; margin-left:5px; border-radius:50%; box-sizing:border-box; }
.wrap header .btn_change_layout.tree span.icon{ margin:0; }
.wrap header .btn_change_layout.menu span.icon{ margin:0; }
.wrap header .btn_change_layout:hover{ background:#5179a8; }

/* organization */
.wrap header .organization{ position:absolute; top:30px; left:240px; z-index:1009; min-width:1000px; height:22px; }
.wrap header .organization>span{ display:inline-block; padding:0 0 0 12px; font-weight:bold; line-height:20px; font-size:11px; }
.wrap header .organization div.select_organ{ position:relative; display:inline-block; min-width:180px; max-width:300px; height:22px; vertical-align:middle;}
.wrap header .organization div.select_organ a{ line-height:16px; padding:2px 20px 2px 7px; display:block; text-decoration:none; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }
.wrap header .organization div.select_organ a::after{ display:block; content:''; width:21px; height:15px; position:absolute; top:3px; right:0; }

.wrap header .organization div.select_organ ul{ display:none; position:absolute; top: 21px;/* left:-1px; */ z-index:1010; min-width:170px; width:100%; box-sizing: border-box; max-height:408px; overflow-y:auto; background:#fff; }
.wrap header .organization div.select_organ ul li{ cursor:pointer; padding:4px 7px; line-height:18px; }
.wrap header .organization div.select_organ ul li.label{ font-size:0.9em; font-weight:bold; line-height:0.9em; }
.wrap header .organization div.select_organ ul li.in_label{ padding-left:10px; }
.wrap header .organization div.select_organ ul li:hover{ background:#e9e9e9; color:#333; }
.wrap header .organization div.select_organ ul li.label:hover{ background:none; cursor:default; }
.wrap header .organization div.select_organ ul li.sel{ background:#d5dde5; color:#2162ae; }
.wrap header .organization div.select_organ:first-child{ margin-right:30px; }

.wrap header .organization .select2-container{ width:180px !important; }
.wrap header .organization .select2-container--default .select2-selection--single{ height:22px; border-radius:0; }
.wrap header .organization .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:20px; }
.wrap header .organization .select2-container--default .select2-selection--single .select2-selection__arrow{ height:20px; }
.wrap header .organization .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-width:3px 3px 0 3px; }
.wrap header .organization .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-width:0 3px 3px 3px; }

/* t_util */
.wrap header .t_util{ position:absolute; top:7px; right:10px; }
.wrap header .t_util>ul{ }
.wrap header .t_util>ul>li{ float:left; padding:0 2px; font-size:0; line-height:18px; height:18px; color:#fff;  position:relative; }
.wrap header .t_util>ul>li button{ height:18px; padding:0 5px; white-space:nowrap; background:none; border:none; text-align:left; border-radius:2px; font-size:12px; font-weight:normal; position:relative; }
.wrap header .t_util>ul>li button span.icon{ display:inline-block; width:14px; height:14px;  margin-right:4px; vertical-align:middle; }
.wrap header .t_util>ul>li button span.arrow{ display:inline-block; width:5px; height:12px; margin-left:2px; vertical-align:middle; }

.wrap header .t_util>ul>li .layer_st{ top:26px; z-index:1010; min-width:100px; border:1px #385274 solid; }
.wrap header .t_util>ul>li .layer_st>span.icon_arrow{ background-position:-360px -36px;}
.wrap header .t_util>ul>li .layer_st span.tit{ display:block; font-size:11px; font-weight:bold; line-height:16px; padding:5px 7px 0 7px; color:#999; }
.wrap header .t_util>ul>li .layer_st ul{ padding:0; }
.wrap header .t_util>ul>li .layer_st ul li{ padding:4px 7px; cursor:pointer;  }
.wrap header .t_util>ul>li .layer_st ul li span.icon{ display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png) no-repeat; vertical-align:middle; margin-right:4px; }

.wrap header .t_util>ul>li.user .layer_st{ }
.wrap header .t_util>ul>li.user .layer_st ul li span.icon{ }
.wrap header .t_util>ul>li.user .layer_st ul li.change_id span.icon{ background-position:-300px 0; }
.wrap header .t_util>ul>li.user .layer_st ul li.change_pw span.icon{ background-position:-312px 0; }
.wrap header .t_util>ul>li.user .layer_st ul li.change_ip span.icon{ background-position:-276px -60px; }
.wrap header .t_util>ul>li.user .layer_st ul li.sign_out span.icon{ background-position:-120px 0; }

/* select_language */
.wrap header .t_util>ul>li.select_language .layer_st{ left:10px; }
.wrap header .t_util>ul>li.select_language .layer_st ul li span.icon{ width:16px; height:12px; }
.wrap header .t_util>ul>li.select_language .layer_st ul li span.icon.korean{ background-position:0 -220px; }
.wrap header .t_util>ul>li.select_language .layer_st ul li span.icon.english{ background-position:0 -232px; }
.wrap header .t_util>ul>li.select_language .layer_st ul li span.icon.japanese{ background-position:-16px -220px; }

/* select_link */
.wrap header .t_util>ul>li.select_link .layer_st{ left:10px; }

/* btn_help */
.wrap header .t_util>ul>li.btn_help .layer_st{ left:auto; right:0;}
.wrap header .t_util>ul>li.btn_help .layer_st>span.icon_arrow{ left:auto; right:11px; }
.wrap header .t_util>ul>li.btn_help .layer_st ul{ display: block; border-bottom:1px #f4f4f4 solid; }
.wrap header .t_util>ul>li.btn_help .layer_st ul:last-child{ border-bottom:0; }
.wrap header .t_util>ul>li.btn_help .layer_st ul li span.img{ display:inline-block; vertical-align:middle; margin-top:-1px; width:12px; height:12px; background:url(../images/common/btn_icon.png); }
.wrap header .t_util>ul>li.btn_help .layer_st ul li.pdf span.img{ background-position:-228px -56px; }
.wrap header .t_util>ul>li.btn_help .layer_st ul li.chrome{ cursor:default; }
.wrap header .t_util>ul>li.btn_help .layer_st ul li.chrome span.img{ background-position:-228px -72px; }
.wrap header .t_util>ul>li.btn_help .layer_st ul li.chrome a{ text-decoration:none; }
.wrap header .t_util>ul>li.btn_help .layer_st ul li.chrome a:hover{ text-decoration:underline; }
.wrap header .t_util>ul>li.btn_help .layer_st ul li.firewall_info span.img{ background-position:-72px -12px; }
.wrap header .t_util>ul>li.btn_help .layer_st ul li.about span.img{ background-position:-96px -12px; }
.wrap header .t_util>ul>li.btn_help .layer_st ul li.restful_api span.img{ background-position:-408px -12px; }
.wrap header .t_util>ul>li.btn_help .layer_st ul li.newFeatures span.img{ background-position:-396px -12px; }

/* btn_download */
.wrap header .t_util>ul>li.btn_download .layer_st{ left:auto; right:0;}
.wrap header .t_util>ul>li.btn_download .layer_st>span.icon_arrow{ left:132px;  }
.wrap header .t_util>ul>li.btn_download .layer_st ul{ width:150px; display: block; border-bottom:1px #f4f4f4 solid; }
.wrap header .t_util>ul>li.btn_download .layer_st ul:last-child{ border-bottom:0; }
.wrap header .t_util>ul>li.btn_download .layer_st ul li span.img{ display:inline-block; vertical-align:middle; width:12px; height:12px; background:url(../images/common/btn_icon.png); }
.wrap header .t_util>ul>li.btn_download .layer_st ul li.pdf span.img{ background-position:-228px -56px; }
.wrap header .t_util>ul>li.btn_download .layer_st ul li.chrome{ cursor:default; }
.wrap header .t_util>ul>li.btn_download .layer_st ul li.chrome span.img{ background-position:-228px -72px; }
.wrap header .t_util>ul>li.btn_download .layer_st ul li.chrome a{ text-decoration:none; }
.wrap header .t_util>ul>li.btn_download .layer_st ul li.chrome a:hover{ text-decoration:underline; }
.wrap header .t_util>ul>li.btn_download .layer_st ul li.firewall_info span.img{ background-position:-72px -12px; }

/* btn_setting */
.wrap header .t_util>ul>li.btn_setting .layer_st{ left:auto; right:0; width:150px; }
.wrap header .t_util>ul>li.btn_setting .layer_st>span.icon_arrow{ left:132px; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul{ display: block; border-bottom:1px #f4f4f4 solid; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul:last-child{ border-bottom:0;  }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb{ padding:3px 5px 5px 5px; overflow:hidden; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li{ padding:3px 5px; cursor:pointer; box-sizing:border-box; position:relative; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li span.label{ display: inline-block; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li span.img{ display:inline-block; vertical-align:middle; width:18px; height:14px; margin-right:5px; background:url(../images/common/btn_icon.png); }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li.blue span.img{ background-position:0 -300px; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li.white span.img{ background-position:-20px -300px; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li.lime span.img{ background-position:-40px -300px; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li.menu span.img{ background-position:0 -320px; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li.tree span.img{ background-position:-20px -320px; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li:hover{ background-color:#f6f6f6; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li.selected{ background-color:#e2e7ed; /*border:1px #d8dfe7 solid;*/ }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li.selected:hover{ background-color:#dde3ea; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.thumb li.selected::after{ display:block; content: ''; position:absolute; top:6px; right:10px; background:url(../images/common/btn_icon.png) -60px -24px; width:12px; height:12px; }
.wrap header .t_util>ul>li.btn_setting .layer_st span.tit.change_logo{ color:#444; font-size:12px; font-weight:normal; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul li{ cursor:pointer; padding:3px 7px; position: relative; }
.wrap header .t_util>ul>li.btn_setting .layer_st li.template_setting span.icon{ background-position:-384px -36px;  }
.wrap header .t_util>ul>li.btn_setting .layer_st li.change_logo span.icon{ background-position:-288px 0;  }
.wrap header .t_util>ul>li.btn_setting .layer_st li.restore_mode span.icon{ background-position:-84px -12px ; }
.wrap header .t_util>ul>li.btn_setting .layer_st li.restore_mode span.icon_enabled{ position:absolute; top:2px; right:5px; }
.wrap header .t_util>ul>li.btn_setting .layer_st li.link_config span.icon{ background-position:-144px -24px; }
/* #73793, #73661    add sehee */
.wrap header .t_util>ul>li.btn_setting .layer_st ul.list_st{ padding:5px 7px; overflow:hidden; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.list_st li{ float:left; width:50%; box-sizing:border-box; border:1px #ddd solid; border-right:0; }

.wrap header .t_util>ul>li.btn_setting .layer_st ul.list_st li:last-child{ border-right:1px #ddd solid; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.ul_organization_chart li.excel_import span.icon{  background-position:-192px -24px; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.ul_organization_chart li.excel_export span.icon{  background-position:-204px -24px; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.ul_device_model li.switch span.icon{ background-position:-384px -24px; }
.wrap header .t_util>ul>li.btn_setting .layer_st ul.ul_device_model li.ap span.icon{ background-position:-396px -24px; }
/*.wrap header .t_util>ul>li.btn_setting .layer_st li.link_config span.icon{background:url(../images/tiscreen/icon_link.svg) no-repeat 0px 50%;}*/
.wrap header .t_util>ul>li.btn_setting .layer_st li.organization_chart span.icon{background:url(../images/common/icon_tree.svg) no-repeat 0px 50%;}

/* btn_alarm */
.wrap header .t_util>ul>li.btn_alarm button>em.cnt{ position:absolute; top:0; left:13px; min-width:12px; height:12px; line-height:12px; background:#ff5b49; color:#fff; font-size:11px; padding:0px 3px; text-align:center; border-radius:6px; display:block; }
.wrap header .t_util>ul>li.btn_alarm .layer_st{ top:26px; left:auto; right:-20px; min-width:230px; }
.wrap header .t_util>ul>li.btn_alarm .layer_st>span.icon_arrow{ left:192px;  }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul{ display:flex; flex-wrap:wrap; flex-direction:column; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li{ min-height:40px; height:auto; line-height:14px; font-size:12px; padding:5px 45px 5px 40px;  display:flex; align-items:center;  box-sizing:border-box; position:relative; white-space:normal; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li span.icon{ display:block; width:30px; height:30px; background:url(../images/common/btn_icon.png) no-repeat -500px -180px; position:absolute; top:50%; left:5px; margin-top:-15px; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li em.cnt{ position:absolute; top:50%; right:8px; min-width:12px; height:12px; line-height:12px; background:#f18e00; color:#fff; font-size:11px; padding:2px 4px; text-align:center; border-radius:10px; display:block; font-style: normal; font-weight:normal; margin-top:-8px; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.network_alarm span.icon{ background-position:-500px -150px; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.device_alarm span.icon{ background-position:-500px -180px; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.timatrix_alarm span.icon{ background-position:-560px -210px; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.network_device_connection span.icon{ background-position:-530px -210px; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.device_connection span.icon{ background-position:-530px -150px; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.port_traffic span.icon{ background-position:-530px -180px; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.client_traffic span.icon{ background-position:-560px -180px;}
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.update_status span.icon{ background-position:-560px -150px; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.network_alarm em.cnt{ background-color:#ff5b49; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.device_alarm em.cnt{ background-color:#ff5b49; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.timatrix_alarm em.cnt{ background-color:#ff5b49; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.network_device_connection em.cnt{ background-color:#ff5b49; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.device_connection em.cnt{ background-color:#ff5b49; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.port_traffic em.cnt{ background-color:#f18e00; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.client_traffic em.cnt{ background-color:#f18e00; }
.wrap header .t_util>ul>li.btn_alarm .layer_st ul li.update_status em.cnt{ background-color:#5ba71b; }

/* restore_mode_mark */
.wrap header .restore_mode_mark{ position: absolute; top: 35px; right: 10px; background-color:#333740; padding:0 5px; border:1px rgba(0,0,0,0.3) solid; overflow:hidden; color:#fff; }
.wrap header .restore_mode_mark .inner{ animation:restore_mode 2s infinite; color:inherit; }
.wrap header .restore_mode_mark span.icon{ display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png) no-repeat -96px -24px; vertical-align:middle; margin-right:4px; }
@keyframes restore_mode{
	0%{ opacity:0.8; }
	50%{ opacity:1; }
	100%{ opacity:0.8; }
}
/* organization */
.wrap header .organization .select_organization .layer_st{ display: none; left:-360px; top:29px; border:1px #385274 solid; border-radius:5px; }
.wrap header .organization .select_organization .layer_st>span.icon_arrow{ display:block; width:11px; height:7px; background:url(../images/common/btn_icon.png) no-repeat -360px -36px; position:absolute; left:372px; top:-7px; margin-left:-5px; bottom:-8px; z-index:502; }
.wrap header .organization .select_organization .layer_st .select_organization_header{ box-sizing:border-box; position:relative; height:50px; box-shadow:inset 0 -1px 0 0 #ddd; }
.wrap header .organization .select_organization .layer_st .select_organization_header h4{ float:left; line-height:24px; font-size:14px; }
.wrap header .organization .select_organization .layer_st .select_organization_header h4 span.icon{}
.wrap header .organization .select_organization .layer_st .select_organization_header .tabs{ display:block; margin-bottom:0; padding:20px 0 0 0; }
.wrap header .organization .select_organization .layer_st .select_organization_header .tabs ul{ border-bottom:0; }
.wrap header .organization .select_organization .layer_st .select_organization_header .tabs ul li{ position:relative; background-color:transparent; padding:0; }
.wrap header .organization .select_organization .layer_st .select_organization_header .tabs ul li a{ border:0; min-width:80px; line-height:26px; }
.wrap header .organization .select_organization .layer_st .select_organization_header .tabs ul li a:last-child{ border:0; }
.wrap header .organization .select_organization .layer_st .select_organization_header .tabs ul li a .cnt{ font-size:11px; font-weight:normal; color:#999; display:inline;  }
.wrap header .organization .select_organization .layer_st .select_organization_header .tabs ul li.selected{ }
.wrap header .organization .select_organization .layer_st .select_organization_header .tabs ul li.selected a{ box-shadow:inset 0 -2px 0 0 #3c6ca3; /*border-bottom: 2px #3c6ca3 solid; */}
.wrap header .organization .select_organization .layer_st .select_organization_header .tabs ul li:hover a{  }
.wrap header .organization .select_organization .layer_st .select_organization_header .divsearch{ border:0; background:#e8eaed; padding:2px; border-radius:5px; position:absolute; top:14px; right:10px; }
.wrap header .organization .select_organization .layer_st .select_organization_header .divsearch input[type=text]{ border:0; width:200px; background-color:transparent;  }
.wrap header .organization .select_organization .layer_st .select_organization_header .divsearch span.icon{ float:left; width:20px; height:20px; background:url(../images/common/btn_icon.png) no-repeat -20px -48px; background-color:transparent; vertical-align:middle; padding:0; }
.wrap header .organization .select_organization .layer_st .select_organization_container{ clear:both; width:700px; }
.wrap header .organization .select_organization .layer_st .select_organization_container .organization_list{ display:none;}
.wrap header .organization .select_organization .layer_st .select_organization_container .organization_list div.depth{ float:left; width:33.3%; border-right:1px #ddd solid; box-sizing:border-box; }
.wrap header .organization .select_organization .layer_st .select_organization_container .organization_list div.depth:last-child{ border-right:0; }
.wrap header .organization .select_organization .layer_st .select_organization_container .organization_list div.depth span.tit{ display:block; line-height:26px; padding:0 10px; color:#aaa; font-size:11px; font-weight:normal; border-bottom:1px #ddd solid; }
.wrap header .organization .select_organization .layer_st .select_organization_container ul.list{ overflow-x:hidden; overflow-y: auto; height:280px; }
.wrap header .organization .select_organization .layer_st .select_organization_container ul.list li{ line-height:14px; padding:12px 24px 12px 10px; position:relative; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wrap header .organization .select_organization .layer_st .select_organization_container ul.list li button.favorite{ height:16px; line-height:14px; position:absolute; top:12px; right:5px; border:0; background:none; }
.wrap header .organization .select_organization .layer_st .select_organization_container ul.list li button.favorite .icon{ background-position:-168px -12px; margin-right:0; }
.wrap header .organization .select_organization .layer_st .select_organization_container ul.list li button.favorite.checked .icon{ background-position:-180px -12px; }
.wrap header .organization .select_organization .layer_st .select_organization_container ul.list li span.icon_arrow{ display:none; width:12px; height: 12px; position:absolute; top:13px; right:5px; background:url(../images/common/btn_icon.png) no-repeat -48px -24px; }
.wrap header .organization .select_organization .layer_st .select_organization_container ul.list li:hover{ background:#f8f9fa; color:#333; }
.wrap header .organization .select_organization .layer_st .select_organization_container ul.list li:hover span.icon_arrow{ display: none; }
.wrap header .organization .select_organization .layer_st .select_organization_container ul.list li.selected{ background-color:#f1f3f4; color:#333; font-weight:bold; }
.wrap header .organization .select_organization .layer_st .select_organization_container ul.list li.selected span.icon_arrow{ display: block; }

.wrap header .organization .select_organization .layer_st .select_organization_container .organization_list.all_list{ display:block; }

/* search_mode */
.wrap header .organization .select_organization .layer_st.search_mode .select_organization_header .divsearch input[type=text]{ width:400px; }
.wrap header .organization .select_organization .layer_st.search_mode .search_mode_title_container{ display:block; margin-bottom:0; padding:20px 0 0 10px; }
.wrap header .organization .select_organization .layer_st.search_mode .search_mode_title_container button.btn_back{ display:inline-block; height:16px; line-height:14px; border:0; background:none; margin-right:3px; }
.wrap header .organization .select_organization .layer_st.search_mode .search_mode_title_container button.btn_back .icon{ background-position:-204px -80px; margin-right:0; }
.wrap header .organization .select_organization .layer_st.search_mode .search_mode_title_container .search_mode_title{ display:inline-block; font-size:16px; color:#666; vertical-align:middle; }


/* container */
.wrap .container{ position:relative; }


/* conarea */
.wrap .container .conarea{ width:100%; }


/* contents */
.wrap .container .conarea .contents{ margin:0 10px 0 200px; background:#fff; min-height:600px; position:relative; }

/* lnb_tree */
.lnb_tree .search{ padding:4px; border-bottom:1px #cfcfcf solid; margin-bottom:5px; }
.lnb_tree .search input[type=text]{ width:100%; box-sizing:border-box; }
.lnb_tree .search .icon.icon_search{ display:inline-block; width:12px; height:12px;}

button.btn_device_config_wizard{ position:fixed; bottom:40px; left: 140px; z-index:12; width:40px; height:40px; line-height:18px; padding:10px; border:0; background: none; border-radius:20px; background-color:#575a61; box-shadow:2px 2px 1px rgba(0,0,0,0.3);  } 
button.btn_device_config_wizard span.icon{ display:inline-block; width:20px; height: 20px; background: url(../images/common/btn_icon.png) no-repeat -120px -24px; margin:0; }
button.btn_device_config_wizard:hover{ background-color:#333740; }

/* wrap_quick */
.wrap_quick{ position:fixed; bottom:40px; left: 140px; z-index:12; } 
.wrap_quick>button.btn_quick{ width:40px; height:40px; line-height:18px; padding:10px; border:0; background: none; border-radius:50%; background-color:#575a61; box-shadow:1px 1px 2px rgba(0,0,0,0.3);   }
.wrap_quick> button.btn_quick span.icon{ display:inline-block; width:18px; height: 18px; background: url(../../resources/images/common/btn_icon.png) no-repeat -288px -170px; margin:0; }
.wrap_quick>button.btn_quick:hover{ background-color:#333740; }  
.wrap_quick.open>button.btn_quick{ background-color:#888; }
.wrap_quick.open>button.btn_quick:hover{ background-color:#7d7d7d; }
.wrap_quick.open>button.btn_quick span.icon{ width:14px; height:14px;  background-position:-204px -51px; }
.wrap_quick ul.quick_list>li{ position: absolute; right: 50%; top: 50%; margin: -20px -20px 0 0; transform: translate(0px, 0px); z-index: -2; transition: all 0.3s cubic-bezier(0.64, 1.41, 0.78, 1.41); opacity:0; }
.wrap_quick.open ul.quick_list>li{ opacity:1; }
.wrap_quick ul.quick_list>li>button{ border:0; background:none; display:block; width:40px; height:40px; line-height:40px; background-color:#575a61;  text-align:left;  border-radius:20px; box-shadow:1px 1px 2px rgba(0,0,0,0.3); transition: width .2s ease-in; overflow:hidden; }
.wrap_quick ul.quick_list>li:hover>button{ width:150px; }
.wrap_quick ul.quick_list>li>button>.icon{ position:absolute; top:11px; right:11px; display:block; width:18px; height: 18px; background: url(../../resources/images/common/btn_icon.png) no-repeat -332px -168px; vertical-align:middle; margin:0;  }
.wrap_quick ul.quick_list>li>button>.text{ opacity:0; color:#fff; font-size:11px; line-height:14px; width:0; margin:0 30px 0 10px; display:block; transition: opacity 0.1s; transition-delay: 0.2s; overflow: hidden; max-height: 30px; white-space:pre-wrap; }
.wrap_quick ul.quick_list>li:hover>button>.text{ opacity:1; width:110px; }
.wrap_quick ul.quick_list>li.device_config_wizard>button>.icon{ background-position: -306px -170px; }
.wrap_quick ul.quick_list>li.model_management>button>.icon{ background-position: -324px -170px; }
.wrap_quick ul.quick_list>li.template_setting>button>.icon{ background-position: -342px -170px; }
.wrap_quick ul.quick_list>li.organization_chart>button>.icon{ background-position: -360px -170px; }
.wrap_quick ul.quick_list>li.organization_chart>button> .text{ white-space:normal; }
.wrap_quick ul.quick_list>li.organization_chart ul{ display:block; color:#ddd; line-height: inherit; }
.wrap_quick ul.quick_list>li.organization_chart ul li{ color:#b0cbea; font-size:11px; line-height: inherit; display:inline-block; }
.wrap_quick ul.quick_list>li.organization_chart ul li:hover{ text-decoration: underline; }
.wrap_quick ul.quick_list>li.organization_chart ul li:first-child::after{ content:''; width:1px; height:8px; background-color:#999; display:inline-block; margin:0 3px 0 4px; vertical-align:middle; }

.wrap_quick.open ul.quick_list>li:nth-child(1) { transform:translateY(-70px); transition-delay: 0.1s; }          
.wrap_quick.open ul.quick_list>li:nth-child(2) { transform:translateY(-120px); transition-delay: 0.1s; }
.wrap_quick.open ul.quick_list>li:nth-child(3) { transform:translateY(-170px); transition-delay: 0.1s; }
.wrap_quick.open ul.quick_list>li:nth-child(4) { transform:translateY(-220px); transition-delay: 0.1s; }

.wrap_tree{ position:absolute; width:100%; top:62px; bottom:0; height:auto; }
/* 트리 - fancytree*/
#fancytree-drop-marker, span.fancytree-checkbox, span.fancytree-drag-helper-img, span.fancytree-empty, span.fancytree-expander, span.fancytree-icon, span.fancytree-vline{ background-image:url(../images/common/icons.png); }
ul.fancytree-container{ border:0; background:transparent; padding:5px; outline:none; }
ul.fancytree-container ul{ padding-left:10px; }
span.fancytree-expander{ width:12px; }
span.fancytree-node{ position:relative; padding-bottom:1px; }
span.fancytree-icon{ width:18px; background-position:-54px -178px; position:relative; }
.fancytree-ico-c span.fancytree-icon:hover{ background-position:-54px -178px; }
.fancytree-ico-cf span.fancytree-icon{ background-position:0 -16px; }
.fancytree-ico-cf span.fancytree-icon:hover{ background-position:0 -16px; }
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{ background-position:0 -16px; }
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{ background-position:0 -16px; }
.fancytree-ico-ef span.fancytree-icon{ background-position:0 -16px; }
.fancytree-ico-ef span.fancytree-icon:hover{ background-position:0 -16px; }
span.fancytree-title{ line-height:18px; box-sizing:border-box; font-size:11px; }
span.fancytree-node.fancytree-unselectable span.fancytree-title{ opacity:.4; }
.fancytree-plain span.fancytree-active span.fancytree-title, .fancytree-plain span.fancytree-selected span.fancytree-title{ background-color:#e6e6e6; border-color:#ccc; }
.fancytree-plain span.fancytree-node:hover span.fancytree-title { background-color:#f2f7fb; border-color:#87add0; }
.fancytree-plain.fancytree-container span.fancytree-active span.fancytree-title, .fancytree-plain.fancytree-container span.fancytree-selected span.fancytree-title{ background-color:#d8e5f4; border-color:#6389b5; }
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title, .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title{ background-color:#d8e5f4; border-color:#6389b5; }

ul.fancytree-container .cli span.fancytree-icon::after{ content:''; display:block; width:7px; height:7px; background:url(../images/common/icons.png) -82px -114px; position:absolute; bottom:0; right:0; }
ul.fancytree-container .hasAlarm span.fancytree-icon::after{ content:''; display:block; width:9px; height:9px; background:url(../images/common/icons.png) -72px -112px; position:absolute; bottom:0; right:0; }

ul.fancytree-container .switch_status{ display:inline-block; height:6px; padding:2px 0; margin:0 0 0 5px; /*position:absolute; top:4px; right:0;*/  position:relative; vertical-align:middle; }
ul.fancytree-container .switch_status span{ float:left; width:2px; height:6px; background:#636e7d; margin-right:1px; }
ul.fancytree-container .switch_status span.abnormal{ background:#ff3131; }
ul.fancytree-container .icon_email_disabled{ display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png) -324px -116px; margin:0 3px; vertical-align:middle; }
ul.fancytree-container .sub_info{ font-size:11px; color:#666; }
ul.fancytree-container .sub_info::before{ display:inline-block; content:'('; font-size:11px; color:#666; }
ul.fancytree-container .sub_info::after{ display:inline-block; content:')'; font-size:11px; color:#666; }
ul.fancytree-container span.cnt{ font-size:10px; color:#666; padding:0 0 0 5px; font-family:arial; }
ul.fancytree-container span.cnt strong{ font-size:10px; color:#1d770b; font-weight:normal; }
ul.fancytree-container span.cnt strong::after{ display:inline-block; content:'/'; font-size:6px; color:#999; padding:0 1px; }

span.fancytree-node.all span.fancytree-icon{ background-position:-36px -16px }
span.fancytree-node.all span.fancytree-icon:hover{ background-position:-36px -16px; }
span.fancytree-node.head span.fancytree-icon{ background-position:-18px -16px; }
span.fancytree-node.head span.fancytree-icon:hover{ background-position:-18px -16px; }
span.fancytree-node.gw span.fancytree-icon{ background-position:0 -16px; }
span.fancytree-node.gw span.fancytree-icon:hover{ background-position:0 -16px; }
span.fancytree-node.org span.fancytree-icon{ background-position:-64px 0; }
span.fancytree-node.org span.fancytree-icon:hover{ background-position:-64px 0; }
span.fancytree-node.network span.fancytree-icon{ background-position:-54px -178px; }
span.fancytree-node.network span.fancytree-icon:hover{ background-position:-54px -178px; }
span.fancytree-node.network_ap span.fancytree-icon{ background-position:-54px -194px; }
span.fancytree-node.network_ap span.fancytree-icon:hover{ background-position:-54px -194px; }

/* node_device : 설정 화면에선 최하위 node가 네트워크이나 필요에 따라 장비일 경우엔 .node_device를 추가  */
.node_device span.fancytree-icon{ background-position:0 -178px; }
.node_device .fancytree-ico-c span.fancytree-icon:hover{ background-position:0 -178px; }
.node_device .fancytree-ico-e span.fancytree-icon{ background-position:0 -178px; }
.node_device .fancytree-ico-e span.fancytree-icon:hover{ background-position:0 -178px; }
.node_device .fancytree-ico-ef span.fancytree-icon{ background-position:0 -16px; }
.node_device .fancytree-ico-ef span.fancytree-icon:hover{ background-position:0 -16px; }
.node_device .disconnection span.fancytree-icon{ background-position:-36px -178px; }
.node_device .disconnection span.fancytree-icon:hover{ background-position:-36px -178px; }
.node_device .unused span.fancytree-icon{ background-position:-18px -178px; }
.node_device .unused span.fancytree-icon:hover{ background-position:-18px -178px; }

.node_device span.fancytree-node.ap>span.fancytree-icon{ background-position: 0 -194px; }
.node_device span.fancytree-node.ap>span.fancytree-icon:hover{ background-position: 0 -194px; }
.node_device span.fancytree-node.disconnection.ap>span.fancytree-icon{ background-position: -36px -194px; }
.node_device span.fancytree-node.disconnection.ap>span.fancytree-icon:hover{ background-position: -36px -194px; }
.node_device span.fancytree-node.unused.ap>span.fancytree-icon{ background-position: -18px -194px; }
.node_device span.fancytree-node.unused.ap>span.fancytree-icon:hover{ background-position: -18px -194px; }

.ui-tooltip-content .tree_desc{ font-size:11px; }
.ui-tooltip-content .tree_desc strong{ font-size:11px; font-weight:bold; }
.ui-tooltip-content .tree_desc ul li{ display:inline-block; font-size:11px; padding:2px 10px 2px 0; color:#666; }
.ui-tooltip-content .tree_desc ul li::before{ display:inline-block; width:6px; height:6px; margin-right:2px; border-radius:50%; vertical-align:middle; content:''; }
.ui-tooltip-content .tree_desc ul li.total::before{ width:12px; height:12px; content:'Total ';}
.ui-tooltip-content .tree_desc ul li.total::after{ display: inline-block; content:'/'; color:#999; padding-left:5px;  }
.ui-tooltip-content .tree_desc ul li.active::before{ background-color:#5ba71b; }
.ui-tooltip-content .tree_desc ul li.unreachable::before{ background-color:#e83100; }
.ui-tooltip-content .tree_desc ul li.alert::before{ background-color:#f18e00; }
.ui-tooltip-content .tree_desc ul li.dormant::before{ background-color:#ababab; }

.ui-tooltip-content .tree_desc2{ font-size:11px; }
.ui-tooltip-content .tree_desc2 strong{ display:block; font-size:11px; font-weight:bold; margin-bottom:2px; }
.ui-tooltip-content .tree_desc2 span{ font-size:10px; position:absolute; }
.ui-tooltip-content .tree_desc2 ul{ display:block; }
.ui-tooltip-content .tree_desc2 ul li{ display:inline-block; font-size:11px; color:#333; line-height:15px; }
.ui-tooltip-content .tree_desc2 ul li::before{ display:inline-block; vertical-align:middle; content:''; width:12px; height:12px; background:url(../images/common/btn_icon.png); margin-right:5px; }
.ui-tooltip-content .tree_desc2 ul li.active::before{ background-position:-384px -24px; }
.ui-tooltip-content .tree_desc2 ul li.active::after{ display: inline-block; content:'/'; color:#999; padding:0 2px; }
.ui-tooltip-content .tree_desc2 ul li.total{ color:#999; margin-right:15px; }
.ui-tooltip-content .tree_desc2 ul li.total::before{ display:none; }
.ui-tooltip-content .tree_desc2 ul li.alarm::before{ background-position:-300px -117px; }
.ui-tooltip-content .tree_desc2 ul li.alarm{ margin-right:5px; }

/* 트리 - jstree */
.jstree-node, .jstree-children, .jstree-container-ul{ display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none }
.jstree-node{ white-space: nowrap; position:relative; }
.jstree-anchor{ display: inline-block; color: #000; white-space: nowrap; padding: 0 4px 0 1px; margin: 0; vertical-align: top }
.jstree-anchor:focus{ outline: 0 }
.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active{ text-decoration: none; color: inherit }
.jstree-icon{ display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center }
.jstree-icon:empty{ display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center }
.jstree .jstree-open>.jstree-children{ display: block }a
.jstree .jstree-closed>.jstree-children, .jstree .jstree-leaf>.jstree-children{ display: none }
.jstree-default .jstree-node, .jstree-default .jstree-icon{ background-repeat: no-repeat; background-color: transparent; }
.jstree-default .jstree-anchor, .jstree-default .jstree-wholerow{ transition: background-color .15s, box-shadow .15s }
.jstree-default .jstree-hovered{ background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #ccc }
.jstree-default .jstree-context{ background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #ccc }
.jstree-default .jstree-clicked{ background: #beebff; border-radius: 2px; box-shadow: inset 0 0 1px #999 }
.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon{ display: none; }
.jstree-default .jstree-disabled{ background: 0 0; color: #666 }
.jstree-default .jstree-disabled.jstree-hovered{ background: 0 0; box-shadow: none }
.jstree-default .jstree-disabled.jstree-clicked{ background: #efefef }
.jstree-default .jstree-disabled.jstree-clicked.network_disabled { color: #333 }
.jstree-default .jstree-disabled>.jstree-icon{ opacity: .8; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); filter: gray; -webkit-filter: grayscale(100%) }
.jstree-default .jstree-search{ font-style: italic; color: #ab3b2c !important; font-weight: 700 s}
.jstree-default .jstree-no-checkboxes .jstree-checkbox{ display: none!important }
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked{ background: 0 0; box-shadow: none }
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered{ background: #e7f4f9 }
.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked{ background: 0 0 }
.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered{ background: #e7f4f9 }
.jstree-default>.jstree-striped{ min-width: 100%; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat }
.jstree-default>.jstree-wholerow-ul .jstree-hovered, .jstree-default>.jstree-wholerow-ul .jstree-clicked{ background: 0 0; box-shadow: none; border-radius: 0 }
.jstree-default .jstree-wholerow{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.jstree-default .jstree-wholerow-hovered{ background: #e7f4f9 }
.jstree-default .jstree-wholerow-clicked{ background: #beebff; background: -webkit-linear-gradient(top, #beebff 0, #a8e4ff 100%); background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%) }
.jstree-default .jstree-node{ min-height:20px; line-height:22px; margin-left:14px; min-width:16px }
.jstree-default .jstree-anchor{ line-height:22px; height:22px;}
.jstree-default .jstree-icon{ width:20px; height:20px; line-height:20px }
.jstree-default .jstree-icon:empty{ width:20px; height: 20px; line-height:20px; }
.jstree-default .jstree-icon.head{ background-position:-136px -69px; }
.jstree-default .jstree-icon.org{ background-position:-168px -69px; }
.jstree-default .jstree-icon.group{ background-position:-200px -69px; }
.jstree-default .jstree-icon.network{ background-position:-229px -69px; }
.jstree-default .jstree-icon.network.cli{ background-position:-261px -69px; }
.jstree-default.jstree-rtl .jstree-node{ margin-right:20px }
.jstree-default .jstree-wholerow{ height:20px }
.jstree-default .jstree-node, .jstree-default .jstree-icon{ background-image: url(../images/common/icon_tree.png); }
.jstree-default .jstree-node{ background-position: -292px -4px; background-repeat: repeat-y }
.jstree-default .jstree-last{ background: 0 0 }
.jstree-default .jstree-open>.jstree-ocl{ background-position: -132px -4px }
.jstree-default .jstree-closed>.jstree-ocl{ background-position: -100px -4px }
.jstree-default .jstree-leaf>.jstree-ocl{ background-position: -68px -4px }
.jstree-default .jstree-disabled{ background: 0 0 }
.jstree-default .jstree-disabled.jstree-hovered{ background: 0 0 }
.jstree-default .jstree-disabled.jstree-clicked{ background: #efefef }
.jstree-default .jstree-checkbox{ background-position: -164px -4px }
.jstree-default .jstree-checkbox:hover{ background-position: -164px -36px }
.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox, .jstree-default .jstree-checked>.jstree-checkbox{ background-position: -228px -4px }
.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover, .jstree-default .jstree-checked>.jstree-checkbox:hover{ background-position: -228px -36px }
.jstree-default .jstree-anchor>.jstree-undetermined{ background-position: -196px -4px }
.jstree-default .jstree-anchor>.jstree-undetermined:hover{ background-position: -196px -36px }
.jstree-default .jstree-checkbox-disabled{ opacity: .8; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale"); filter: gray; -webkit-filter: grayscale(100%) }
.jstree-default>.jstree-striped{ background-size: auto 48px }

.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl{ background: url(../images/tiscreen/throbber.gif) center center no-repeat }
.jstree-default>.jstree-container-ul>.jstree-node{ margin-left: 0; margin-right: 0 }

.jstree-default .jstree-hovered{ background: #d4d4d4; border-radius: 0; box-shadow:none }
.jstree-default .jstree-context{ background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #ccc }
.jstree-default .jstree-clicked{ background:#b9c7d6; border-radius: 0; box-shadow: none; color:#fff; }

.jstree-node .switch_status{ display:inline-block; height:6px; padding:2px 0; margin:0 0 0 5px; /*position:absolute; top:4px; right:0;*/  position:relative; vertical-align:middle; }
.jstree-node .switch_status span{ float:left; width:2px; height:6px; background:#636e7d; margin-right:1px; }
.jstree-node .switch_status span.abnormal{ background:#ff3131; }

.jstree-node .icon_email_disabled{ display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png) -324px -116px; margin:0 3px; vertical-align:middle; }

.jstree-hidden, .jstree-node.jstree-hidden{ display: none; }

/* JQuery.jsTree */
.jstree-contextmenu .jstree-anchor {
  -webkit-user-select: none;
  /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;
  /* disable the IOS popup when long-press on a link */
}
.vakata-context {
  display: none;
}
.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
  z-index:9999;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context li {
  list-style: none;
}
.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}
.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus {
  outline: 0;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}
.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}
.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
/* JQuery.jsTree */


/*.jstree-node .switch_detail{ position:absolute; top:0; right:0; background-color:#27303a; border:1px #384460 solid; padding:5px; }*/
.ui-tooltip { background-color:#fff; border:1px #ddd solid; text-align:left; box-sizing:border-box; padding:5px; color:#333; font-size:11px; display:inline-block; -webkit-box-shadow: 0 0 0px #333; box-shadow: 0 0 0px #333; border-width: 1px !important; position:absolute; z-index:9999; border-radius:0px; word-break:break-all; }

.ui-tooltip-content{ font-size:11px; }
.ui-tooltip-content h2{ font-size:14px; border-bottom:1px #ddd solid; padding-bottom:8px; }
.ui-tooltip-content strong{ font-size:12px; }
.ui-tooltip-content span.num{ display:inline-block; width:14px; height:14px; line-height:14px; background-color:#333; border-radius:50%; color:#fff; font-weight:bold; text-align:center; font-size:10px; margin-right:3px; }
.ui-tooltip-content span.stit{ font-size:11px; color:#bbb; font-weight:normal; }
.ui-tooltip-content span.stit::before{ content:''; vertical-align:middle; width:1px; height:10px; background-color:#ddd; display:inline-block; margin: 0 5px 0 5px; }


/* list_area */
.list_area{ padding:0 0 24px 0; /*overflow-x:auto; min-height:calc(((100vh - 70px) - 75px) - 1px);*/ }

/* action_area */
.action_area{ position:relative; min-height:24px; padding:6px 0; background-color:#f3f3f3; border-top:1px #fff solid;  z-index:20; }
.action_area .left{ padding:0 0 0 6px; min-height: 24px; }
.action_area .right{ position:absolute; top:6px; right:6px; min-height: 24px;  }
.list_area .action_area .right{ min-height: 24px; height:100%; background:#f3f3f3; box-sizing:border-box; padding:6px; top:0; right:0; }


/* action_area : button */
.action_area div.divbtn{ float:left; position:relative; line-height:24px; margin-right:3px; }
.action_area div.divbtn>button{ float:left; font-weight:bold; height:24px; border-top:1px #c0c0c0 solid; border-right:1px #909090 solid; border-bottom:1px #909090 solid; border-left:1px #c0c0c0 solid; background:url(../images/common/btn_bg.png) repeat-x bottom; padding:0 6px; font-size:1em; line-height:20px; border-radius:3px; white-space:nowrap; }
.action_area div.divbtn>button.btn_txt{ border-bottom-right-radius:0; border-top-right-radius:0; border-right:none; }
.action_area div.divbtn>button.btn_arr{ border-left:0; padding-left:0; padding-right:6px; border-radius:0 3px 3px 0; }
.action_area div.divbtn>button span.icon{ display:inline-block; width:12px; height:12px; margin-right:2px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat; }
.action_area div.divbtn.btn_tag>button span.icon{ background-position:0px 0px; }
.action_area div.divbtn.btn_move>button span.icon{ background-position:-12px 0px; }
.action_area div.divbtn.btn_clone>button span.icon{ background-position:-36px 0px; }
.action_area div.divbtn.btn_addSwitch>button span.icon{ background-position:-24px 0px; }
.action_area div.divbtn.btn_add>button span.icon{ background-position:-24px 0px; }
.action_area div.divbtn.btn_edit>button span.icon{ background-position:-60px 0px; }
.action_area div.divbtn.btn_aggregate>button span.icon{ background-position:-72px 0px; }
.action_area div.divbtn.btn_split>button span.icon{ background-position:-84px 0px; }
.action_area div.divbtn.btn_addAdmin>button span.icon{ background-position:-24px 0px; }
.action_area div.divbtn.btn_forceLogout>button span.icon{ background-position:-120px 0px; }
.action_area div.divbtn.btn_unlock>button span.icon{ background-position:-108px 0px; }
.action_area div.divbtn.btn_delete>button span.icon{ background-position:-96px 0px; }
.action_area div.divbtn.btn_addSwitch>button span.icon{ background-position:-24px 0px; }
.action_area div.divbtn.btn_addDevice>button span.icon{ background-position:-24px 0px; }
.action_area div.divbtn.btn_addTo>button span.icon{ display:none; background-position:0px 0px; }
.action_area div.divbtn.btn_combine>button span.icon{ background-position:-72px 0px; }
.action_area div.divbtn.btn_uploadcsv>button span.icon{ background-position:-180px 0px; }
.action_area div.divbtn.btn_add_to_network>button span.icon{ background-position:-24px 0px; }
.action_area div.divbtn.btn_add_inventory>button span.icon{ background-position:-24px 0px; }
.action_area div.divbtn.btn_add_vlan>button span.icon{ background-position:-24px 0px; }
.action_area div.divbtn.btn_license_renewal>button span.icon{ background-position:-216px 0px; }
.action_area div.divbtn.btn_license_renewal_upload_in_csv>button span.icon{ background-position:-180px 0px; }
.action_area div.divbtn.btn_upload>button span.icon{ background-position:-180px 0px; }
.action_area div.divbtn.btn_upgrade>button span.icon{ background-position:-156px -0px; }
/* .action_area div.divbtn.btn_upgrade>button span.icon{ background-position:-276px -36px; } */
.action_area div.divbtn.btn_reboot>button span.icon{ background-position:0 -270px; }
.action_area div.divbtn.btn_download>button span.icon{ width:14px; height:14px; background-position:-228px -36px; }
.action_area div.divbtn.btn_download2>button span.icon{ background-position:-156px 0; }
.action_area div.divbtn.btn_setting>button span.icon{ background-position:-204px -12px; }
.action_area div.divbtn.btn_policy>button span.icon{ background-position:-324px 0px; }
.action_area div.divbtn.btn_request_from_the_device>button span.icon{ background-position:-348px 0px; }
.action_area div.divbtn.btn_grouping>button span.icon{ background-position:-72px 0px; }
.action_area div.divbtn.btn_confirm>button span.icon{ background-position:-360px 0px; }
.action_area div.divbtn.btn_export_performance_report>button span.icon{ width:14px; height:14px; background-position:-228px -90px; }
.action_area div.divbtn.btn_save>button span.icon{ background-position:0 -12px; }
.action_area div.divbtn.btn_print>button span.icon{ background-position:-12px -12px; }
.action_area div.divbtn.btn_discovery>button span.icon{ background-position:-396px 0; }
.action_area div.divbtn.btn_change_pw>button span.icon{ background-position:-312px 0; }
.action_area div.divbtn.btn_test>button span.icon{ background-position:-216px -12px; }
.action_area div.divbtn.btn_reset_password>button span.icon{ background-position:-312px -12px; }
.action_area div.divbtn.btn_remote_console>button span.icon{ background-position:-178px -138px; width:20px; height:16px; margin-right:0; }
.action_area div.divbtn.btn_add_to_network_device>button span.icon{ background-position:-144px -352px; }
.action_area div.divbtn.btn_alarm_clear>button span.icon{ background-position:-276px -48px; }
.action_area div.divbtn.btn_moveTo>button span.icon{ background-position:-120px -352px; }
.action_area div.divbtn.disabled{ opacity:0.5; cursor:default; }
.action_area div.divbtn.disabled>button{ cursor:default; }

.action_area div.divbtn.buttons_toggle{}
.action_area div.divbtn.buttons_toggle>button{ border-radius:0; border-right:none; color:#999; }
.action_area div.divbtn.buttons_toggle>button:first-child{ border-radius:3px 0 0 3px; }
.action_area div.divbtn.buttons_toggle>button:last-child{ border-radius:0 3px 3px 0; border-right:1px #909090 solid; }
.action_area div.divbtn.buttons_toggle>button.active{ color:#333; }

.action_area p.search_count{ float:left; line-height:24px; height:24px; margin-right:3px; }
.action_area p.txt{ float:left; line-height:24px; height:24px; margin-right:3px; }


/* action_area : button layer popup */
.action_area div .layer_st{ display:none; position:absolute; top:24px; left:0; border:1px #a9a9a9 solid; z-index:500; background:#fff; box-shadow:0px 7px 5px -3px rgba(0,0,0,0.3); margin-top:-1px; }
.action_area div .layer_st p.tit{ font-size:1.2em; line-height:1.0em; font-weight:bold; border-bottom:1px #ddd solid; padding:10px 10px; }
.action_area div .layer_st .con{ padding:10px; }
.action_area div .layer_st .con dl{ margin-bottom:10px; }
.action_area div .layer_st .con dl:last-child{ margin-bottom:0; }
.action_area div .layer_st .con dl dt{ font-size:0.9em;line-height: 12px;margin-bottom: 5px; }
.action_area div .layer_st .con dl dt strong{ font-size:1em; line-height:inherit; }
.action_area div .layer_st .con dl dd{ }
.action_area div .layer_st .con button{ font-weight:bold; height:24px; border:1px #a9a9a9 solid; background:url(../images/common/btn_bg.png) repeat-x bottom; padding:0 6px; font-size:1em; line-height:20px; border-radius:3px; }
.action_area div .layer_st .con button.primary{ border:1px #188d7f solid; background:#2eab9c; color:#fff; }

.action_area div.divbtn.btn_tag .layer_st{ width:280px; height:160px; }
.action_area div.divbtn.btn_tag .layer_st .con dl dd .input_txt{ width:180px; }
.action_area div.divbtn.btn_tag .layer_st .con button{ width:60px; }

.action_area div.divbtn.btn_move .layer_st{ width:510px; height:100px; }
.action_area div.divbtn.btn_move .layer_st .con dl dd .input_txt{ width:220px; }

.action_area div.divbtn.btn_clone .layer_st{ width:300px; height:160px; }
.action_area div.divbtn.btn_clone .layer_st .con dl dd .input_txt{ width:200px; }

.action_area div.divbtn.btn_upgrade .layer_st{ width:360px; }
.action_area div.divbtn.btn_upgrade .layer_st .btn_reboot span.icon{ background-position:0 -270px; }
.action_area div.divbtn.btn_upgrade .layer_st select{ height:24px; }

.action_area div.divbtn.btn_addTo .layer_st{ width:280px; }
.action_area div.divbtn.btn_addTo .layer_st .con>div{ padding:0 0 10px 0; }
.action_area div.divbtn.btn_addTo .layer_st .con div label{ font-size:1.1em; line-height:1.6em; }
.action_area div.divbtn.btn_addTo .layer_st .con div input[type=radio]{}
.action_area div.divbtn.btn_addTo .layer_st .con div div{ padding:5px 10px 5px 15px; }

.action_area div.divbtn.btn_addTo .layer_st .con div input[type=text]{ width:200px; }
.action_area div.divbtn.btn_addTo .layer_st .con div  select{ width:200px; }
.action_area div.divbtn.btn_addTo .layer_st .con .divbtn button{ width:100px; }

.action_area div.divbtn.btn_moveTo .layer_st{ width:280px; }
.action_area div.divbtn.btn_moveTo .layer_st .con>div{ padding:0 0 10px 0; }
.action_area div.divbtn.btn_moveTo .layer_st .con div label{ font-size:12px; line-height:18px; }
.action_area div.divbtn.btn_moveTo .layer_st .con div input[type=radio]{}
.action_area div.divbtn.btn_moveTo .layer_st .con div div{ padding:5px 10px 5px 15px; }
.action_area div.divbtn.btn_moveTo .layer_st .con dl dt::before{ display:inline-block; content:'•'; padding-right:5px; }
.action_area div.divbtn.btn_moveTo .layer_st .con div input[type=text]{ width:200px; }
.action_area div.divbtn.btn_moveTo .layer_st .con div  select{ width:210px; height:24px; }
.action_area div.divbtn.btn_moveTo .layer_st .con .divbtn button{ width:100px; }

.action_area div.divbtn.btn_policy .layer_st{ width:320px; }
.action_area div.divbtn.btn_policy .layer_st .con{ overflow:hidden; }
.action_area div.divbtn.btn_policy .layer_st .ui-accordion .ui-accordion-content{ padding:5px; }
.action_area div.divbtn.btn_policy .layer_st .ui-accordion .ui-accordion-content p{ background:#fff; padding:0.8em; }
.action_area div.divbtn.btn_policy .layer_st .ui-accordion .ui-accordion-content label{ display:block; }

.action_area div.divbtn.btn_policy .layer_st .accordion-resizer{ margin-bottom:5px; }
.action_area div.divbtn.btn_policy .layer_st input[type=text]{ height:18px; line-height:18px; }

.action_area div.divbtn.btn_is_use .layer_st{ width:160px; }

.action_area div.divbtn.btn_column_name span.icon{ background-position:-360px -24px; }
.action_area div.divbtn.btn_column_name .layer_st .con{ overflow:hidden; }
.action_area div.divbtn.btn_column_name .layer_st .con ul{ margin-bottom:5px; }
.action_area div.divbtn.btn_column_name .layer_st .con ul li{ padding:5px 0; }
.action_area div.divbtn.btn_column_name .layer_st .con ul li span{ display:inline-block; }
.action_area div.divbtn.btn_column_name .layer_st .con ul li span.column_txt{ font-size:11px; font-weight:bold; }
.action_area div.divbtn.btn_column_name .layer_st .con ul li span.arrow{ color:#999; padding:0 10px; }
.action_area div.divbtn.btn_column_name .layer_st .con ul li input[type=text]{ width:120px; }
.action_area div.divbtn.btn_column_name .layer_st .con .divbtn button{ margin-right:3px; }


.action_area .notice{ line-height:24px; font-size:11px; color:#dd1e31; /*margin-right:400px;*/ overflow:hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }
.action_area .update_time{ line-height:24px; font-size:11px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }
.action_area .update_time button.refresh{ border:0; background:none; }
.action_area .update_time button:hover{ background-color:#ddd; }

.action_area div.divsearch{ float:left; position:relative; line-height:24px; margin-right:10px; }
.action_area div.divsearch>input[type=text]{ float:left; width:200px; height:22px; line-height:22px; border-right-width:0; }
.action_area div.divsearch.no_arr>input[type=text]{ border-right-width:1px; }
.action_area div.divsearch>a{ float:left; width:22px; height:22px; background:url(../images/common/btn_icon.png) no-repeat -60px -48px; background-color:#fff; vertical-align:middle; border:1px #ccc solid; border-left:0; }
.action_area div.divsearch>button{}
.action_area div.divsearch>button.btn_search{ float:left; width:22px; height:24px; background:#fff; vertical-align:middle; border:1px #ccc solid; border-left:0; border-radius:0; }
.action_area div.divsearch>button.btn_search span.icon{ background-position: -36px -12px; }
.action_area div.divsearch>button.btn_detail{ float:left; height:24px; border-left:0; border-radius:0 3px 3px 0; }
.action_area div.divsearch>button.btn_detail span.icon_arrow{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat; background-position: -72px -24px; margin-top:-1px; }
.action_area div.divsearch>button.btn_detail.selected span.icon_arrow{ background-position: -84px -24px; }
.action_area div.divsearch .layer_st{ width:230px; margin-top:-1px; }
.action_area div.divsearch .layer_st input[type=text]{ width:198px; }
.action_area div.divsearch .layer_st ul.status{ margin-bottom:10px; }
.action_area div.divsearch .layer_st ul.status li{ display:inline-block; padding:0 10px 0 0; }
.action_area div.divsearch .layer_st dl.period dd input[type=text]{ width:87px; }

/* search_area */
.action_area div.condition{ overflow:hidden; display:inline-block; height:24px; line-height:24px; float:left; }
.action_area div.condition label{ float:left; line-height:24px; padding:0 2px 0 5px; font-weight:bold; }
.action_area div.condition input[type=text]{ float:left; border-right:1px #c0c0c0 solid; margin-right:3px; }
.action_area div.condition ul{ display:inline-block; }
.action_area div.condition ul li{ display:inline-block; padding-right:5px; }
.action_area div.btn_search button span.icon{ background-position:-36px -12px; }

.action_area div.divdatesearch{ overflow:hidden; display:inline-block; height:22px; }
.action_area div.divdatesearch input{ border:none; width:200px; }
.action_area div.divdatesearch a{ padding:0 5px; }


/* search_detail_area */
.action_area div.search_detail_area{ padding:6px 6px 0 6px; clear:both;  display: none; }
.action_area div.search_detail_area dl{ padding:3px 0; }
.action_area div.search_detail_area dl dt{ display:inline-block; width:80px; font-size:11px; }
.action_area div.search_detail_area dl dd{ display:inline-block; padding-right:20px;  }
.action_area div.search_detail_area .divbtn{ float:none; display:inline-block; vertical-align: middle; }
.action_area div.search_detail_area .divbtn button{ font-weight:normal; }
.action_area div.search_detail_area button{ font-weight:bold; height:24px; padding:0 6px; }
.action_area div.search_detail_area button.btn_search{ min-width:50px; border:0; background:#337ab7; color:#fff; }
.action_area div.search_detail_area button.btn_search span.icon{ display:none; }
.action_area div.search_detail_area button.btn_restore{ border:0; background: none; font-size:11px; font-weight:normal; }
.action_area div.search_detail_area button.btn_restore span.icon{ background-position:-348px -24px; }


.log_list .action_area div.divsearch{ margin-right:3px; }

.action_area .wrap_help{ padding-top:5px; }

.export{ display:inline-block; margin-right:10px; }
.export select{ width:80px; }

/* cnt */
div.cnt{ display:inline-block; margin:0 5px 0 0; float:none; line-height:18px; vertical-align: middle; }
div.cnt>div{ display:inline-block; }
div.cnt span.num{ font-weight:bold; color:#4982c4; }

div.pageContainer{ display:inline-block; }

/* rowsNum */
.rowsNum{ display:inline-block; margin-right:5px; }
.rowsNum select{ width:50px; height:20px; line-height: 20px; }

/* paging */
.paging{ display:inline-block; }
div.paging{ padding:0 0; line-height:20px; height: 20px; vertical-align: middle; }
div.paging input[type=number]{ float:left; width:40px; height:18px; text-align:center; color:#4982c4; font-weight:bold; line-height:18px; margin:0 0 0 3px; }
div.paging button{ float:left; display:block; vertical-align:middle; margin:0 0 0 3px; box-sizing:border-box; width:20px; height:20px; line-height:18px; cursor:pointer; border-top:1px #c0c0c0 solid; border-right:1px #909090 solid; border-bottom:1px #909090 solid; border-left:1px #c0c0c0 solid; font-size:0;  }
div.paging>span{ float:left; display:block; line-height:20px; margin:0 0 0 3px; }
div.paging button>span.icon{ display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png) no-repeat; margin:-1px 0 0 0; }
div.paging button.btn_first>span.icon{ background-position:-132px -80px; }
div.paging button.btn_prev>span.icon{ background-position:-144px -80px; }
div.paging button.btn_next>span.icon{ background-position:-156px -80px; }
div.paging button.btn_last>span.icon{ background-position:-168px -80px; }
div.paging button.disabled{ opacity:0.5; cursor:default; }

/* 스피니너 삭제 */
div.paging input[type=number]::-webkit-inner-spin-button, div.paging input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; }

/* log_list */
.log_list .list_area{ position:absolute; top:67px; left:0; right:0; bottom:0; border-top:1px #cfcfcf solid; padding:0; background-color:#fff; }
.log_list .list_area th{ border:0; font-size:11px; font-weight: bold; padding:4px 5px; text-align:left; line-height:14px; background:url(../images/common/line_gray.png) repeat-x bottom; background-color:#f3f3f3; }
.log_list .list_area th:hover{ background-color:#e6e6e6 !important; }
.log_list .list_area th::after{ font-size:10px; font-weight: normal; content:attr(data-order); }
.log_list .list_area th .icon.data_sort{ display:inline-block; vertical-align: middle; width:10px; height:10px; background:url(../images/common/btn_icon.png) no-repeat -180px -80px; }
.log_list .list_area th[data-sort='1'] .icon.data_sort{ background-position: -180px -80px; }
.log_list .list_area th[data-sort='2'] .icon.data_sort{ background-position: -192px -80px; }
.log_list .list_area th[data-sort='0'] .icon.data_sort{ display: none; }


/* wrap_table_reorderColumn */
.wrap_table_reorderColumn{ position:relative; }
.wrap_table_reorderColumn .columnReorder_group{ position:absolute; z-index:5; top:0; right:0; width:18px; height:27px; }
.wrap_table_reorderColumn .columnReorder_group .columnReorder{ background:url(../images/common/btn_columnReorder.png) no-repeat; width:18px; height:27px; text-indent:-999px; overflow:hidden; cursor:pointer; }
.wrap_table_reorderColumn .columnReorder_group .layer_st{ display:none; position:absolute; top:26px; right:0; float:none; width:450px; border:1px #a9a9a9 solid; z-index:500; background:#fff; box-shadow:0px 7px 5px -3px rgba(0,0,0,0.3);  }
.wrap_table_reorderColumn .columnReorder_group .layer_st p.tit{ font-size:1.4em; line-height:1.0em; font-weight:bold; border-bottom:1px #ddd solid; padding:10px 10px; }
.wrap_table_reorderColumn .columnReorder_group .layer_st p.tit span{ font-size:0.68em; line-height:0.9em; font-weight:normal; color:#666; display:block; padding:2px; }
.wrap_table_reorderColumn .columnReorder_group .layer_st .con{ padding:10px; overflow:hidden; }
.wrap_table_reorderColumn .columnReorder_group .layer_st .con .lcon{ float:left; margin-right:20px; }
.wrap_table_reorderColumn .columnReorder_group .layer_st .con .rcon{ float:right; }
.wrap_table_reorderColumn .columnReorder_group .layer_st .con dl{ margin-bottom:10px; }
.wrap_table_reorderColumn .columnReorder_group .layer_st .con dl dt{ font-weight:bold; font-size:1.1em; /*border-bottom:1px #ddd solid;*/ margin-bottom:5px; }
.wrap_table_reorderColumn .columnReorder_group .layer_st .con dl dd{ line-height:1.6em; padding:0 0 0 5px; }
.wrap_table_reorderColumn .columnReorder_group .layer_st .con dl dd label{ font-size:0.9em; }


/* drop_down */
.drop_down{ float:left; position:relative; line-height:24px; /*margin-right:3px; */}
.drop_down>button{ float:left; font-weight:bold; height:24px; background:url(../images/common/btn_bg.png) repeat-x bottom; padding:0 6px; font-size:1em; line-height:20px; border-radius:3px; white-space:nowrap; }
.drop_down>button.btn_txt{ border-bottom-right-radius:0; border-top-right-radius:0; border-right:none; }
.drop_down>button.btn_arr{ padding-left:5px; padding-right:5px; border-bottom-right-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:0; border-top-left-radius:0; }
.drop_down .layer_st{ display:none; position:absolute; top:24px; left:0; border:1px #a9a9a9 solid; z-index:500; background:#fff; box-shadow:0px 7px 5px -3px rgba(0,0,0,0.3); }
.drop_down .layer_st>span.icon_arrow{ display:block; width:11px; height:7px; background:url(../images/common/btn_icon.png) no-repeat -360px -48px; position:absolute;  left:50%; margin-left:-5px;  top:-7px; z-index:502; }
.drop_down .layer_st ul{ /*padding:7px;*/ }
.drop_down .layer_st ul li{ cursor:pointer; padding:4px 7px; white-space:nowrap; }
.drop_down .layer_st ul li:hover{ background:#eee; color:#333; }
.drop_down .layer_st ul li.sel{ background:#d5dde5; color:#2162ae; }

.drop_down .layer_st ul li.link{ cursor:pointer; padding:4px 7px; white-space:normal; overflow-wrap:anywhere; }

/* drop_down | border 없는 디자인 */

.drop_down.no_line>button{ border:none; background:none; font-weight:normal; border-radius:0;  }

.wrap .container .conarea .contents .breadcrumb>ul{ vertical-align:middle; }

/* search_period */
.breadcrumb .search_period{ display:inline-block; height:24px; padding:2px 0; color:#555; vertical-align:middle; }
.breadcrumb .search_period .drop_down>button{ background:none; border:none; font-weight:normal; }
.breadcrumb .search_period .drop_down>button .icon{ display:none; }
.breadcrumb .search_period .drop_down .layer_st{ min-width:128px; left:-10px; }
.breadcrumb .search_period .drop_down .layer_st ul{ padding:0; }
.breadcrumb .search_period .drop_down .layer_st ul li.custom{ border-top:1px #ddd solid; }
.breadcrumb .search_period .drop_down .layer_st ul li .condition{ line-height:28px; }
.breadcrumb .search_period .drop_down .layer_st ul li .condition button{ height:24px; padding:0 6px; }

.breadcrumb .search_period.report_condition .drop_down .layer_st{ min-width:320px; width:auto; left:-10px; padding:9px; }
.breadcrumb .search_period.report_condition .drop_down .layer_st p{ line-height:2em; margin-bottom:5px; }
.breadcrumb .search_period.report_condition .drop_down .layer_st ul li:hover{ background:none; }

.breadcrumb .view_selector{ display:inline-block; height:24px; padding:2px 0; color:#555; vertical-align:middle; }
.breadcrumb .view_selector .drop_down>button{ background:none; border:none; font-weight:normal; }
.breadcrumb .view_selector .drop_down>button .icon{ display:none; }
.breadcrumb .view_selector .drop_down .layer_st{ min-width:128px; left:-5px; }
.breadcrumb .view_selector .drop_down .layer_st ul{ padding:0; }

.breadcrumb .btn_set{ position:absolute; top:5px; right:10px; }

.breadcrumb span.switch_status{ margin-left:5px; }

.breadcrumb .notice{ display:inline-block; font-size:11px; color:#dd1e31; vertical-align:middle; padding:0 10px; }
.breadcrumb .notice::before{ display:inline-block; width:12px; height:12px; margin-right:3px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -312px -60px; content:''; }
.breadcrumb .notice a{ font-size:1em; }

.wrap .container .conarea .contents .breadcrumb>ul>li .cswitch_id{ display:inline-block; width:auto; }
.wrap .container .conarea .contents .breadcrumb>ul>li .chosen-container-single .chosen-single{ border-radius:0; background:#fff; box-shadow:0; height:22px; padding-top:1px; }
.chosen-container-single .chosen-search{ height:34px; }
.chosen-container-single .chosen-search input[type="text"]{ height:26px; line-height:26px; }/* text box 틀어짐 보완 */

/* client_graph */
.client_graph{ position:relative; height:240px; background-color:#fff; /*border-bottom:1px #c5c5c5 solid;*/ }
.client_graph .graph_area{  }
.client_graph .graph_area.usage{ margin-right:240px; }
.client_graph .graph_area.pie{ position:absolute; top:10px; right:10px; width:220px; height:200px; text-align:center; }
.client_graph .graph_area.pie .slider_control{ width:100%; position:absolute; top:0; left:0; z-index:1000;  }
.client_graph .graph_area.pie .slider_control button{ font-size:0; border:0; background: transparent; }
.client_graph .graph_area.pie .slider_control button:hover{ background:#eee; }
.client_graph .graph_area.pie .slider_control button span.icon{ margin-right:0; }
.client_graph .graph_area.pie .slider_control button.prev{ float: left; }
.client_graph .graph_area.pie .slider_control button.next{ float:right; }
.client_graph .graph_area.pie .slider_control button.prev span.icon{ background-position:-96px -48px; }
.client_graph .graph_area.pie .slider_control button.next span.icon{ background-position:-120px -48px; }
.client_graph .graph_area.pie .slider_panel{ width:220px; height: 200px; position:relative; overflow:hidden; }
.client_graph .graph_area.pie .slider_panel ul{ position:absolute; top:0; left:0; }
.client_graph .graph_area.pie .slider_panel ul li{ float:left; width:220px; height: 200px; padding:0; }
.client_graph .graph_area.pie .slider_panel h5{ height:20px; line-height:20px; font-size:12px; color:#333; vertical-align:middle; display:inline-block; margin-bottom:10px; }
.client_graph .graph_area.pie .slider_panel ul li div.graph{ text-align:center; }
.client_graph .graph_area.pie .slider_panel ul li .no_data_content{ }
.client_graph .graph_area.pie .slider_panel ul li .no_data_content span{ display:block; }
.client_graph .graph_area.pie .slider_panel ul li .no_data_content span.icon{ }
.client_graph .graph_area.pie .slider_panel ul li .no_data_content span.text{ }
.client_graph .graph_area.pie .slider_panel ul li img{ width:160px; height: 160px; }
.client_graph .graph_area.pie a.btn_client_usage_detail::after{ content:"More detail »"; }
.client_graph .graph_area.pie a.btn_client_usage_detail.hide::after{content:"« Hide detail"; }

.client_graph .graph_area.pie .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.client_graph .graph_area.pie .swiper-slide{ text-align: center; font-size: 18px; background: #fff; padding:0; }
.client_graph .graph_area.pie .swiper-slide h5{ height:20px; line-height:20px; font-size:12px; color:#333; vertical-align:middle; display:inline-block; margin-bottom:10px; }
.client_graph .graph_area.pie .swiper-slide div.graph{ text-align:center; }
.client_graph .graph_area.pie .swiper-button-prev, .client_graph .graph_area.pie .swiper-button-next{ top:0; margin-top:0; width:20px; height: 20px; background:none;}
.client_graph .graph_area.pie .swiper-button-prev::before{ width:12px; height:12px; display:inline-block; vertical-align:middle; content:''; background:url(../../resources/images/common/btn_icon.png) no-repeat -96px -48px; }
.client_graph .graph_area.pie .swiper-button-next::before{ width:12px; height:12px; display:inline-block; vertical-align:middle; content:''; background:url(../../resources/images/common/btn_icon.png) no-repeat -120px -48px; }


.client_usage_detail_area{ display:none; padding-bottom:15px; }
.client_usage_detail_area h4{ font-size:1.2em; line-height:1.1em; font-weight:bold; padding:5px 0 5px 20px; background:url(../images/common/stit_bullet.png) no-repeat 8px 50%; } 

.client .action_area{ border-top:1px #ddd solid; }
.btn_asset_management .icon{ background-position:-204px -12px; }


/* grid 리스트 */
.ngHeaderContainer{ border-top:1px #cfcfcf solid; box-sizing:border-box; }
.ngColMenu li label{ display:block; padding:1px 0; }
.ngColMenu li label .ngColListCheckbox{ top:0; right:0; margin-right:3px; }

/* list */
table.list{ width:100%; position:relative; }
table.list th{ line-height:18px;  background-color:#f3f3f3; border-top:1px #cfcfcf solid; border-bottom:1px #b6b6b8 solid; border-left:0; font-size:11px; padding:4px 7px; text-align:left; }
table.list th.align_center{ text-align:center; }
table.list th.align_right{ text-align:right; }
table.list td{ line-height:18px; text-align:left; padding:4px 7px; font-size:11px; cursor:default; }
table.list td.align_center{ text-align:center; }
table.list td.align_right{ text-align:right; }
table.list th:first-child, table.list td:first-child{ border-left:0px; }
table.list th:last-child, table.list td:last-child{ border-right:0px; }
table.list tr:last-child td{ border-bottom:1px #ebebeb  solid; }
table.list tr:nth-child(2n) td{ background-color:#f5f5f5; }
table.list tr:hover td{ background:#f8f4ce; }
table.list td a{ font-size:1em; }
table.list .dimtext{ color:#777; font-size:1em; line-height:1em; font-weight:normal; }
table.list span.btn_sort{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -72px -25px; }
table.list span.btn_sort.down{ background-position:-72px -25px; }
table.list span.btn_sort.up{background-position:-84px -25px; }
table.list input[type=checkbox]{ line-height:1em; width:11px; height:11px; }
table.list th select{ height:16px; }
.connectivity_graph{ display:inline-block; width:160px; height:14px; border:1px #999 solid; background-color:#5ba71b; vertical-align:middle; }
span.icon_check{ display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -144px -170px; }
span.ip_collision{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -336px 0; }
span.icon.ss{ display:inline-block; width:16px; height:16px; line-height:1em; vertical-align:middle; text-indent:-99999px; overflow:hidden; background:url(../images/common/btn_icon.png) no-repeat -83px -140px; }
span.icon_fix{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -276px 0; }
span.unassigned{ color:#dedede; font-style:italic; font-size:1em; }

table.ti-grid.list td{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:0; }
.parent table.fixTable th{ z-index:1; }

button.thirdparty{ border:0; background:none; vertical-align:middle; height:16px; line-height:16px;  border-radius:0; }
button.thirdparty .icon{ background-position:-144px -352px; }
button.thirdparty.checked{ display:inline-block; opacity:1; }
button.thirdparty:hover{ /*background-color:#ddd; */}
.list_area.client button.thirdparty{ display:none; margin-left:2px; opacity:1; }
.list_area.client button.thirdparty .icon{ background-position:-168px -352px; }
.list_area.client button.thirdparty.checked{ display:inline-block; }
.list_area.client button.thirdparty.checked .icon{ background-position:-156px -352px; }
.list_area.client tbody tr:hover button.thirdparty{ display:inline-block; }
.list_area.client span.ip_collision{ margin-left:2px; }
.list_area.client span.icon_fix{ margin-left:2px; }

.list_area.client .btn_policy.notice_disabled>button{ border-color:#dd1e31; }
.list_area.client .btn_policy.notice_disabled>button span.icon{ position:relative; }
.list_area.client .btn_policy.notice_disabled>button span.icon::before{ content:''; display:block; width:9px; height:9px; background:url(../images/common/btn_icon.png) -300px -60px; position:absolute; bottom:-2px; right:-2px; }
.list_area.client .btn_policy.notice_disabled::before{ display:block; background:#dd1e31; position:absolute; top:-10px; left: 50%; content:'Disabled'; height:14px; line-height:14px; color:#fff; width:48px; font-size:10px; margin-left:-24px; text-align:center; }
.list_area.client .btn_policy.notice_disabled .layer_st .notice{ display:block; line-height:14px; font-size:11px; color:#dd1e31; overflow:auto; white-space:normal; }
.list_area.client .btn_policy.notice_disabled .layer_st .notice::before{ display:inline-block; width:12px; height:12px; margin-right:3px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -312px -60px; content:''; }
.list_area.client .btn_policy.notice_disabled .layer_st .notice a{ font-size:1em; }

.system_status{ display:inline-block; line-height:18px; }
.system_status span{ display:inline-block; margin-right:2px; line-height:18px; }
.system_status .graph{ width:9px; height:13px; position:relative; box-sizing:border-box; background-color:#fff;  vertical-align:middle; }
.system_status.cpu .graph{ border:1px #76bef3 solid; }
.system_status.memory .graph{ border:1px #ada4ef solid;  }
.system_status .graph .bar{ display:block; position:absolute; bottom:0; left:0; width:7px; }
.system_status.cpu .graph .bar{ background:#76bef3; }
.system_status.memory .graph .bar{ background:#9384ff; }
.system_status .text{ font-size:11px; min-width:24px; }
/*
.system_status.cpu .text{ color:#76bef3; }
.system_status.memory .text{ color:#9384ff; }*/
/*
.system_status{ display:inline-block; vertical-align:middle; line-height:13px; }
.system_status span{ display:inline-block; margin-right:2px; line-height:13px; vertical-align:middle; }
.system_status .graph{ width:11px; height: 13px; background:url(../images/common/btn_icon.png) no-repeat -180px -170px; position:relative; }
.system_status.cpu .graph{ background-position:-180px -170px; }
.system_status.memory .graph{ background-position:-192px -170px; }
.system_status .graph .bar{ display:block; position:absolute; bottom:0; left:0; width:100%; }
.system_status.cpu .graph .bar{ background:#5db5e9; }
.system_status.memory .graph .bar{ background:#9384ff; }
.system_status .text{ font-size:8px; }
.system_status.cpu .text{ color:#419dd4; }
.system_status.memory .text{ color:#604fe1; }
*/

/* view */
table.view{ width:100%; border-top:1px #ddd solid; margin-bottom:10px; }
table.view th{ line-height:18px; background:#f3f3f3; border-bottom:1px #ebebeb solid; font-size:11px; padding:3px 7px; text-align:right; }
table.view td{ min-height:18px;  line-height:18px; border-bottom:1px #ebebeb solid; text-align:left; font-size:12px; padding:3px 7px; word-break:break-all;}
table input[type=text]{ /*height:18px; line-height:18px;*/ }
table textarea{ }
table view select{ height:18px; }
.small_print{ font-size:11px; line-height:12px; color:#666; }
p.small_print{ padding:3px 0; }
.txt_red{ font-weight:bold; color:#cc0000; font-size:1em; }
table td .dimtext{ color:#777; font-size:1em; line-height:1em; }
table.view th label{ font-size:1em; }

table.view .list{ margin-bottom:5px; width:auto; }
table.view .list th{ font-weight:bold; font-size:11px; line-height:14px; width:auto; padding:4px 7px; border:none; border-right:1px #fff solid; background:#eee; text-align:left; }
table.view .list th:last-child{ border-right:none; }
table.view .list th a{ font-weight:bold; font-size:0.9em; line-height:1em; }
table.view .list td{ line-height:14px; cursor:default; padding:4px 7px; border-right:none; text-align:left; }
table.view .list tr:hover td{ background:none; }
table.view .list tr:nth-child(2n) td{ background:none; }

table.view p{ padding-bottom:5px; line-height:1.4em; }

table.view.noline{ border-top:0; }
table.view.noline>tbody>tr>th{ background:transparent; border-bottom:0; padding:4px 7px; vertical-align:top; }
table.view.noline>tbody>tr>td{ border-bottom:0; padding:4px 7px; }

table.view dl.detail{}
table.view dl.detail dt{ display:inline-block; vertical-align:top; }
table.view dl.detail dd{display:inline-block; }
table.view dl.detail dd ul{}
table.view dl.detail dd ul li{}


/* button */
button{ height:20px; line-height:18px; font-weight:normal; border:1px #a9a9a9 solid; background:#f9f9f9; padding:0 3px; border-radius:3px; white-space:nowrap; }
button .icon{ display:inline-block; width:12px; height:12px; margin-right:2px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat; margin-top:-1px;  }
button.reset{ font-size:0; }
button.reset .icon{ background-position:-216px 0px; margin-right:0 !important; }
button.edit{ height:18px; line-height:14px; background:none; border:0; }
button.edit .icon{ background-position:-60px 0px; margin-right:0; }
button.up{ height:18px; line-height:14px; }
button.up .icon{ background-position:-48px -12px; margin-right:0; }
button.down{ height:18px; line-height:14px;  }
button.down .icon{ background-position:-48px 0px; margin-right:0; }
button.primary{}
button.excel_download .icon{ width:14px; height:14px; background-position:-228px -36px; }
button.favorite{ height:18px; line-height:14px; }
button.favorite .icon{ background-position:-168px -12px; margin-right:0; }
button.refresh{ font-size:0; }
button.refresh .icon{ background-position:0 -270px; margin-right:0 !important; }
button.btn_add .icon{ background-position:-24px 0; }
button.btn_edit .icon{ background-position:-60px 0; }
button.btn_import_excel .icon{ background-position:-192px -24px; }
button.btn_export_excel .icon{ background-position:-204px -24px; }
button.btn_del .icon{ background-position:-96px 0px; }
button.highlight{ outline-color:#4d90fe; outline-style:auto; }
button.btn_test .icon{ background-position:-84px -36px; }
button.btn_setting .icon{ background-position:-204px -12px; }
button.btn_cancel .icon{ background-position:-228px -24px; }

/* view : button */
table.view button{ }
table.view button .icon{ display:inline-block; width:12px; height:12px; margin-right:2px; vertical-align:middle; /*background:url(../images/common/btn_icon.png) no-repeat;*/ }
table button{ padding:0 2px; opacity:.7; }
table button:hover{ opacity:1; }
table button.del{ background:none; border:none; border-radius: 0; }
table button.del .icon{ background-position:-96px 0; margin-right:0; }
table button.del2{ }
table button.del2 .icon{ background-position:-96px 0px; margin-right:0; }
table button.del2:hover .icon{ background-position:-96px 0px; }
table button.ok{ background:none; border:none;  }
table button.ok span.icon{ background-position:-360px 0; margin-right:0; }
table button.cancel{ background:none; border:none;  }
table button.cancel span.icon{ background-position:-24px -24px; }
table.view button.add{ vertical-align:middle; height:18px; line-height:18px; border:none; background:none; color:#3c6ca3; font-size:1em; font-weight:normal; /*text-decoration:underline;*/ opacity:1; }
table.view button.add .icon{ background-position:-24px 0px; }
.detail_area button.add{ vertical-align:middle; height:18px; line-height:18px; border:none; background:none; color:#3c6ca3; font-size:1em; font-weight:normal; /*text-decoration:underline;*/ }
.detail_area button.add .icon{ background-position:-24px 0px; }
table a.move_row{ display:inline-block; cursor:move; min-height:20px; height:20px; padding:0 3px; opacity:0.6; }
table a.move_row .icon{ display:inline-block; width:12px; height:12px; line-height:1em; font-size:10px; background:url(../images/common/btn_icon.png) no-repeat -72px -124px; margin-right:0; text-indent:-9999px; font-weight:normal; vertical-align:middle; text-align:left; overflow:hidden; }
table a.move_row:hover{ opacity:1; }
table button.sp_btn{ height: 24px; line-height: 22px; font-size:1em; padding:0 10px; font-weight:bold; }
table button.sp_btn .icon{ width:16px; height:16px; margin-right: 2px; }
table button.download{  }
table button.download .icon{ background-position:-140px -200px; }
table button.download:hover .icon{ background-position:-140px -216px; }
table.view td .text_size{ font-size:11px; color:#999; letter-spacing:-1px; }
table.view td .text_size em{ font-size:1em; color:#666; font-weight:bold; font-style:normal; }


span button.del2{ height:20px; line-height:20px; }
span button.del2 .icon{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -96px 0px; margin-right:0; }
span button.del2:hover .icon{ background-position:-96px 0px; }

.qos{ display:inline-block; width:12px; height:12px; font-size:8px; vertical-align:middle; text-align:center; line-height:12px; font-weight:bold; color:#555; }
.qos.dscp{ background-color:#b9d99d; }
.qos.cos{ background-color:#bfd6f7; }
.qos.rate_limit{ background-color:#ffe883; }


/*  tabs */
.tabs{ margin-bottom:10px; height:auto !important; padding:0 !important; border-style:none !important; }
.tabs ul{ overflow:hidden; padding:0 10px; border-bottom:1px #ddd solid; }
.tabs ul li{ float:left; width:auto; background-color:#fff; margin:0 !important; }
.tabs ul li:hover{ background-color:#f9f9f9; }
.tabs ul li:hover a{ color:#666; } 
.tabs ul li a{ display:block; text-align:center; min-width:140px; padding:2px 10px; line-height:20px; text-decoration:none; color:#aaa; font-size:1.0em; font-weight:bold; cursor:pointer; word-break:break-all; border-top:1px #ddd solid; border-right:1px #ddd solid; }
.tabs ul li:first-child a{ border-left:1px #ddd solid; }
.tabs ul li:last-child a{/* border-right:1px #ddd solid; */}
.tabs ul li a span.total{ font-weight:bold; color:#4982c4; font-size:0.9em; line-height:1em; }
.tabs ul li.selected{ background:#f3f3f3; }
.tabs ul li.selected a{ color:#333; }

.tabs.v2{ background-color:#fff; margin-bottom:15px; }
.tabs.v2 ul{ overflow:hidden; border-bottom:0; box-shadow:inset 0 -1px 0 0 #eee; padding:0; }
.tabs.v2 ul li{ float:left; width:auto; position:relative; background-color:transparent; }
.tabs.v2 ul li a{ display:block; text-align:center; padding:2px 10px; text-decoration:none; color:#aaa; font-size:12px; font-weight:bold; cursor:pointer; word-break:break-all; border:0; min-width:140px; line-height:24px; }
.tabs.v2 ul li a:last-child{ border:0; }
.tabs.v2 ul li:hover a{ color:#666; }
.tabs.v2 ul li.selected{ }
.tabs.v2 ul li.selected a{ color:#333; box-shadow:inset 0 -2px 0 0 #3c6ca3; /*border-bottom: 2px #3c6ca3 solid; */}

.list_area .tabs{ margin-bottom:0; margin-top:10px; }

/* detail_area */
.detail_area{ padding:10px 0 20px 0; }
.detail_area .tit_header{ position:relative; }
.detail_area h4{ font-size:14px; line-height:20px; font-weight:bold; padding:5px 0 5px 18px; background:url(../images/common/stit_bullet.png) no-repeat 5px 50%; } 
.detail_area .tit_header div.divbtn{ position:absolute; top:2px; right:0; }
.detail_area .tit_header h4{ display:inline-block; vertical-align:middle; }
.detail_area .tit_header span{ vertical-align:middle; }
.detail_area .tit_header span.total{  }
.detail_area .tit_header span.total strong{  }
.detail_area h5{ font-size:1.12em; line-height:1.1em; font-weight:bold; padding:5px 0 5px 10px; }
@media screen and (max-width:1000px) {
.detail_area .detail_row1{ position:relative; padding-bottom:450px; }
.detail_area .switch_info{ float:none; width:460px; }
.detail_area .switch_graphs{ position:absolute; width:100%; bottom:0; margin-bottom:10px; }
.detail_area .switch_graphs .switch_graphs_inner{  }
}
@media screen and (min-width:1000px) {
.detail_area .detail_row1{ position:relative; }
.detail_area .switch_info{ float:left; width:460px; }
.detail_area .switch_graphs{ float:left; width:100%; margin-right:-100%; margin-bottom:10px; }
.detail_area .switch_graphs .switch_graphs_inner{ margin-left:500px; }
}
.detail_area .switch_graphs .switch_graphs_inner{ width:640px; }
.detail_area table.view tr th{ width:110px; }
.detail_area table.view .list th{ width:auto; z-index:2; }
.detail_area .switch_graphs .chart_connectivity{ margin-bottom:10px;  width: 590px; height: 19px; overflow: hidden; position: relative; top: 0; left: 0; padding: 0 20px;}
.detail_area .switch_graphs .chart_networkUsage{ width: 640px; height: 200px; /* position: relative; top: -40px; */ }
.detail_area .switch_graphs .chart_systemInfo{ width: 640px; height: 200px; /* position: relative; top: -40px; */ }
.detail_area .switch_graphs .paging{ text-align:center; margin-bottom:10px; display:block; }
.detail_area .port_list{ display:none; }
.detail_area .port_list .list{ width:100%; }
.detail_area .tech_helper{ display:none; }
.detail_area .tech_helper .list{ width:100%; }

.detail_area .detail_row{ max-width:1140px; }
.detail_area .detail_row::after{ display:block; content:''; clear:both; }
.detail_area .detail_row_left{ float:left; width:50%; box-sizing:border-box; padding:0 20px 10px 0; }
.detail_area .detail_row_right{ float:right; width:50%; box-sizing:border-box; padding:0 0 10px 20px; }
.detail_area .detail_row_both{ box-sizing:border-box; clear:both; }
.detail_area.client_detail .detail_row table.view{ margin-bottom:20px; }
.detail_area.client_detail .detail_row table.view th{ vertical-align:top; width:120px; }

.system_info{ }
.system_info h5{ font-size:12px; }
.system_info .parent{ width:100%; max-width:1140px; margin-bottom:10px; }
.system_info table.view{ width:auto; margin-bottom:0;  }
.system_info table.view tr th{ width:200px; }
.system_info table.view tr td{ width:200px; border-right:1px #ebebeb  solid; }
.system_info table.view tr td:last-child{ border-right:0; }

/* live_tools */
.live_tools{ border-top:1px #ddd solid; overflow:hidden; }
.live_tools ul.tabs{ float:left; width:160px; }
.live_tools ul.tabs li{ height:24px; font-size:1em; line-height:24px; background:#f3f3f3; border-bottom:1px #ebebeb solid; padding:4px 8px; text-align:right; vertical-align:middle; cursor:pointer; font-weight:bold; }
.live_tools ul.tabs li:hover{ color:#2162ae; text-decoration:underline; }
.live_tools ul.tabs li.selected{ color:#2162ae; background:#fff; border-right:none; }
.live_tools ul.tabs li button{ margin-left:5px; }
.live_tools .con{ float:left; padding:10px 20px; display:none; }
.live_tools .con .tit{ font-size:1.2em; font-weight:bold; margin-bottom:10px; }
.live_tools .con.ping{ display:block; }
.live_tools .con.cable_test{}
.live_tools .con.forwarding_table{}
.live_tools .con.reboot_switch{}
.live_tools .con.blink_leds{}
.live_tools .con.ping table{ margin-top:1em; border-top:1px #ccc solid; }
.live_tools .con.ping table th{ text-align:left; font-weight:normal; padding:10px 0; width:160px; }
.live_tools .con.ping table td{ }
.live_tools button{ height:24px; line-height:22px; padding:0 6px; }
.live_tools button.ltstop{ height:16px; line-height:14px; padding:0 3px; }
.live_tools button.ltstop span.icon{ background-position:-72px -36px; margin-right:0; }
.live_tools button.ltplay{ height:16px; line-height:14px; padding:0 3px; }
.live_tools button.ltplay span.icon{ background-position:-84px -36px; margin-right:0; }
.live_tools .small_print{ margin-bottom:10px; }
.live_tools table.list td{ padding:2px 0; }
.live_tools .con.forwarding_table .flex_table{ margin-top:0.6em; }


/* detail_area : sub area */
.port_info{ width:460px; }
.create_network{ }
.switch_settings{ width:100%; }
.organization_setting{  }
.timatrix_setting{  }
.port_schedules{ width:700px;  }
.get_help{ width:650px;  }
.license_info{ width:800px; }
.firmware{  }
.detail_area.create_network{ padding:0; }


/* detail_con : timatrix_setting */
.timatrix_setting{ }
.timatrix_setting .area_right{ overflow:auto; }
.timatrix_setting .area_right .detail_row .detail_row_tit{ margin-bottom:5px; }
.timatrix_setting .area_right .detail_row .detail_row_tit h4{ display:inline-block; vertical-align:middle; }
.timatrix_setting .setting_list{ width:1100px; }
.timatrix_setting .setting_list .sl_li{ position:relative; padding:20px; margin-bottom:7px; border-radius:5px; border:none; background:none;  border-bottom:1px #eee dashed; }
.timatrix_setting .setting_list .sl_li:last-child{ border-bottom:0; }
.timatrix_setting .setting_list .sl_li .sl_top{ padding:0; }
.timatrix_setting .setting_list .sl_li .sl_top .tit{ display:inline-block; width:150px; font-weight:bold; font-size:12px; line-height:18px; padding:0 0 0 7px; margin-right:20px; color:#333;background:url(../images/common/bullet_2.png) no-repeat 0 6px;  }
.timatrix_setting .setting_list .sl_li .sl_top .status{ display:inline-block;  line-height:1.4em; color:#666; }
.timatrix_setting .setting_list .sl_li .sl_top .status label{ padding:0 30px 0 0; color:#666; }
.timatrix_setting .setting_list .sl_li a.btn_arrow{ position:absolute; top:22px; left:20px; display:inline-block; width:9px; height:9px; border:1px #ccc solid; cursor:pointer; background:url(../images/common/btn_icon.png) no-repeat -73px -26px; }
.timatrix_setting .setting_list .sl_li a.btn_arrow.open{ background-position:-85px -26px; }
.timatrix_setting .setting_list .sl_li>a.btn_arrow{ display:none; }

.timatrix_setting .setting_list .sl_li .sl_con{ padding:5px 15px; background:#fff; margin-top:10px; display:block; }
.timatrix_setting .setting_list .sl_li .sl_con ul{}
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li{ position:relative; padding:7px 5px; }
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li:last-child{ border-bottom:0; }
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li .sdl_top{  }
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li .sdl_top .tit{ display:inline-block; width:160px; font-size:11px; line-height:1.2em; font-weight:bold; color:#333; margin-right:20px; padding:0 0 0 14px; }
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li .sdl_top .tit input[type=radio]{ line-height:1.4em; vertical-align:middle; }
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li .sdl_top .status{ display:inline-block; line-height:1.4em; color:#666; }
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li .sdl_top .status label{ padding:0 30px 0 0; color:#666; }
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li a.btn_arrow{ top:11px; left:0; }
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li .sdl_con{ padding:5px 20px; margin:5px 0 0 200px; line-height:1.7em; background:#f3f3f3; color:#666; display:none; }
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li .sdl_con label{ display:inline-block; width:120px; font-size:0.9em; font-weight:bold;  color:#666; }
.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li .sdl_con input[type=text]{ height:16px; line-height:16px; }

.timatrix_setting .setting_list .sl_li.web_alert_setting .sl_con ul li.sdl_li .sdl_top .tit{ width:60px; }

.timatrix_setting .setting_list .sl_li .sl_con table.list{ /*min-width:100%;*/ width:auto;  }
.timatrix_setting .setting_list .sl_li .sl_con table.list th{ font-weight:bold; font-size:11px; line-height:16px; width:auto; text-align:left; padding:2px 7px; border:none; border-right:1px #fff solid; background:#eee; }
.timatrix_setting .setting_list .sl_li .sl_con table.list th:last-child{ border-right:none; }
.timatrix_setting .setting_list .sl_li .sl_con table.list td{ line-height:1.2em; cursor:default; padding:4px 10px; border-right:none; border-bottom:1px #ebebeb solid; }
.timatrix_setting .setting_list .sl_li .sl_con table.list tr:hover td{ background:none; }
.timatrix_setting .setting_list .sl_li .sl_con table.list tr:nth-child(2n) td{ background:none; }

.timatrix_setting .setting_list .sl_li .sl_con ul li.sdl_li .sdl_con.wbg{ background:#fff; padding:5px 0; }

.timatrix_setting button.btn_apply_to_network{ margin-right:10px;}
.timatrix_setting button.btn_apply_to_network span.icon{ background-position:-192px -36px; margin-top:-1px; }

.timatrix_setting .action_area{ position:relative; padding:15px 0; border-bottom:1px #eee dashed; background:none; width:1100px; }
.timatrix_setting .action_area .drop_down{ display:inline-block; float:right; vertical-align:middle; margin-right:3px; }
.timatrix_setting .action_area .drop_down button{ height:22px !important; line-height:20px !important; font-weight:normal !important; border:1px #a9a9a9 solid; border-radius:3px; white-space:nowrap; }
.timatrix_setting .action_area .drop_down .layer_st{ right:0; left:auto; top:22px; }
.timatrix_setting .action_area .drop_down .layer_st p.tit{ font-size:1.2em; line-height:1.0em; font-weight:bold; border-bottom:1px #ddd solid; padding:10px 10px; }
.timatrix_setting .action_area .drop_down .layer_st .con{ padding:10px; }
.timatrix_setting .action_area .drop_down .layer_st .divbtnset{ clear:both; padding:10px 0 0 0; width:auto; }

.timatrix_setting .action_area .drop_down.sampling_level{ float:none; margin-top:0; }
.timatrix_setting .action_area .drop_down.sampling_level .layer_st{ width:320px; left:0; }
.timatrix_setting .action_area .drop_down.sampling_level>button{ background-image:none; /*color:#2162ae;*/ width:auto; border:1px #7f99b8 solid; padding:0 6px; }
.timatrix_setting .action_area .drop_down.sampling_level.auto>button{ background-color:#d9ecf3; border-color:#7f99b8; }
.timatrix_setting .action_area .drop_down.sampling_level.high>button{ background-color:#fbd4c7; border-color:#eea187; }
.timatrix_setting .action_area .drop_down.sampling_level.middle>button{ background-color:#ffefc7; border-color:#eaca7a; }
.timatrix_setting .action_area .drop_down.sampling_level.low>button{ background-color:#d3e7bc; border-color:#91c655; }
.timatrix_setting .action_area .drop_down.sampling_level>button span.icon{ background-position:-288px -48px; }
.timatrix_setting .action_area .drop_down.sampling_level>button span.icon_arr{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat; background-position: -72px -24px; margin-top:-1px; }
.timatrix_setting .action_area .drop_down.sampling_level .layer_st label{ display: block; float:left; padding:0 15px; line-height: 22px; height:22px; cursor:pointer; }
.timatrix_setting .action_area .drop_down.sampling_level .layer_st label.auto{ background-color:#d9ecf3; }
.timatrix_setting .action_area .drop_down.sampling_level .layer_st label.high{ background-color:#fbd4c7; }
.timatrix_setting .action_area .drop_down.sampling_level .layer_st label.middle{ background-color:#ffefc7; }
.timatrix_setting .action_area .drop_down.sampling_level .layer_st label.low{ background-color:#d3e7bc; }
.timatrix_setting .action_area .drop_down.sampling_level .layer_st label.auto:hover{ background-color:#c7d3e1; }
.timatrix_setting .action_area .drop_down.sampling_level .layer_st label.high:hover{ background-color:#fac8b7; }
.timatrix_setting .action_area .drop_down.sampling_level .layer_st label.middle:hover{background-color:#fce39d; }
.timatrix_setting .action_area .drop_down.sampling_level .layer_st label.low:hover{ background-color:#c3e1a0; }

.timatrix_setting .action_area .timatrix_hostMode{ float:none; margin:0 25px 0 0; display:inline-block; }
.timatrix_setting .action_area .timatrix_hostMode button span.icon{ background-position:-288px -60px; }
.timatrix_setting .action_area .timatrix_hostMode .txt{ font-size:12px; font-weight:bold; }

.timatrix_setting .action_area button.setting_default_security_level{ float:right; padding:0 6px; border:0; background:none; opacity:0.7; margin-top:5px; }
.timatrix_setting .action_area button.setting_default_security_level:hover{ opacity:1; }
.timatrix_setting .action_area button.setting_default_security_level span.icon{ width:16px; height:16px;  background-position:-244px -36px; margin-right:0; }
.timatrix_setting .action_area button.setting_timatrix_feature_visibility{ float:right; padding:0 6px; border:0; background:none; opacity:0.7; margin-top:5px; }
.timatrix_setting .action_area button.setting_timatrix_feature_visibility:hover{ opacity:1; }
.timatrix_setting .action_area button.setting_timatrix_feature_visibility span.icon{ width:16px; height:16px;  background-position:-244px -52px; margin-right:0; }

.timatrix_setting div.divbtnset{ width:1100px; }

/* security_level */
.security_level{ display:inline-block; border-right:1px #eee solid; margin-right: 20px; }
.security_level dl{ padding:0 25px; }
.security_level dl dt{ display: inline-block; height: 28px; line-height: 28px; vertical-align: middle; font-weight: bold; margin-right:10px;}
.security_level dl dt span.icon{ display:none; width:20px; height: 28px; margin-right: 10px; background: url(../images/common/btn_icon.png) no-repeat 0 -105px; vertical-align: middle; }
.security_level dl dd{ display: inline-block; height: 22px; line-height: 22px; padding:3px 0; vertical-align: middle; }
.security_level dl dd label{ display: inline-block; float:left; padding:0 15px; line-height: 22px; height:22px; cursor:pointer; }
.security_level dl dd label.high{ background-color:#fbd4c7; }
.security_level dl dd label.middle{ background-color:#ffefc7; }
.security_level dl dd label.low{ background-color:#d3e7bc; }
.security_level dl dd label.high:hover{ background-color:#fac8b7; }
.security_level dl dd label.middle:hover{background-color:#fce39d; }
.security_level dl dd label.low:hover{ background-color:#c3e1a0; }


/* vertical_split_view */
.vertical_split_view{ position: relative; padding:0; overflow-x:auto; }
.vertical_split_view .area_left{ position:absolute; top:0; left:0; width:260px; height:100%; box-sizing:border-box; border-right:1px #ddd solid; background-color:#f3f3f3;  }
.vertical_split_view .area_left .tit{ margin-bottom:5px; display:block;  font-size:14px; font-weight: bold; height:22px; line-height: 22px; padding:15px 0 0 10px; }
.vertical_split_view .area_left .tit .icon{ display: inline-block; width:22px; height:22px; background:url(../../resources/images/common/btn_icon.png) no-repeat -324px -60px; margin-top:-1px; margin-right:5px; vertical-align:middle; }
.vertical_split_view .area_left .tit.ap .icon{ background:url(../../resources/images/common/btn_icon.png) no-repeat -324px -82px }
.vertical_split_view .area_left .search{ margin-bottom:5px; padding:5px 0 0 10px; overflow:hidden; }
.vertical_split_view .area_left .search input[type=text]{ width:217px; height:22px; line-height:22px; border-left-width:0; box-sizing: border-box; }
.vertical_split_view .area_left .search .icon.icon_search{ float:left; width:22px; height:22px; background:url(../../resources/images/common/btn_icon.png) no-repeat -20px -48px; background-color:#fff; vertical-align:middle; border:1px #ccc solid; border-right:0; box-sizing: border-box; }
.vertical_split_view .area_left .switch_list{ margin-bottom:10px; padding:0 10px; clear:both; }
.vertical_split_view .area_left .switch_list .parent{ height:360px; border:1px #ccc solid;  background-color:#fff; }
.vertical_split_view .area_left .switch_list table.list{ }
.vertical_split_view .area_left .switch_list table.list tr:last-child td{ border-bottom:0; }
.vertical_split_view .area_left .switch_list table.list th{ background:#eee; box-sizing:border-box; line-height:14px; padding:4px 7px; border:0; border-right:1px #fff solid ;border-bottom:1px #fff solid; color:#666; }
.vertical_split_view .area_left .switch_list table.list th:last-child{ border-right:0; }
.vertical_split_view .area_left .switch_list table.list th span.icon_arrow{ display:inline-block; width:5px; height:5px; background:url(../../resources/images/common/btn_icon.png) no-repeat; vertical-align:middle; margin-top:-1px; }
.vertical_split_view .area_left .switch_list table.list th span.icon_arrow.up{ background-position:-75px -28px; }
.vertical_split_view .area_left .switch_list table.list th span.icon_arrow.down{ background-position: -87px -28px; }
.vertical_split_view .area_left .switch_list table.list td{ background-color:#fff; font-size:12px; padding:4px 7px; line-height:18px; }
.vertical_split_view .area_left .switch_list table.list td a{ display:inline-block; color:#333; text-decoration:none; }
.vertical_split_view .area_left .switch_list table.list td.model{ font-size:11px; color:#999; text-align:right; }
.vertical_split_view .area_left .switch_list table.list tr:hover td{ background:#f3f3f3; }
.vertical_split_view .area_left .switch_list table.list tr.selected td{ background:#f8f4ce; }
.vertical_split_view .area_left .switch_list table.list tr.modified td a::after{ content:" * "; color:#999; font-weight:bold; }
.vertical_split_view .area_left .switch_list table.list span.switch_status{ display:inline-block; width:8px; height:8px; background:none; vertical-align:middle; margin-right:6px; border-radius:6px; }
.vertical_split_view .area_left .switch_list table.list span.switch_status.active{ background-color:#5ba71b; }
.vertical_split_view .area_left .switch_list table.list span.switch_status.alert{ background-color:#f18e00; }
.vertical_split_view .area_left .switch_list table.list span.switch_status.unreachable{ background-color:#e83100; }
.vertical_split_view .area_left .switch_list table.list span.switch_status.dormant{ background-color:#ababab; }
.vertical_split_view .area_left .switch_list .cnt{ display:block; text-align:right; padding:5px 0; }
.vertical_split_view .area_left .switch_list .cnt span{ color:#666; font-size:11px; }
.vertical_split_view .area_left .switch_list .cnt span.num{ color:#4982c4; font-size:11px; }
.vertical_split_view .area_left .divbtnset button.primary span.icon{ background-position:-360px -12px; margin-top:-1px; }

.vertical_split_view .area_right{ height:100%; padding:15px 20px; margin-left:260px; position:relative; box-sizing:border-box; }
.vertical_split_view .area_right .switch_tit{  margin-bottom:15px; }
.vertical_split_view .area_right .switch_tit span.tit{ font-size:24px; line-height:26px; color:#333; vertical-align:middle; display:inline-block; padding:0; margin-right:10px; }
.vertical_split_view .area_right .switch_tit .model{ color:#666; font-size:14px; vertical-align:middle; }
.vertical_split_view .area_right .switch_tit .model::before{ content:''; vertical-align:middle; width:1px; height:12px; background-color:#ccc; display:inline-block; margin: 0 10px 0 0; }
.vertical_split_view .area_right .con{ position:relative; }
.vertical_split_view .area_right .con .layer_disable{ position:absolute; top:0; right:0; bottom:0; left:0; z-index: 1000; background-color:#fff; opacity:0.5; }
.vertical_split_view .area_right .detail_row{ float:left; margin-bottom:15px; clear:both; position:relative; }
.vertical_split_view .area_right .detail_row h5{ font-size:12px; line-height:16px; font-weight:bold; padding:5px 0 5px 18px; background:url(../images/common/stit_bullet.png) no-repeat 5px 50%; }
.vertical_split_view .area_right .detail_row .parent{ float:left; max-height:312px; }

.vertical_split_view .area_right .alert2{ border:1px #7dbce0 solid; border-radius:3px; padding:0 20px; margin-bottom:10px; position:relative; min-height:40px; }
.vertical_split_view .area_right .alert2.info{ background-color:#cde8f5; border-color:#7dbce0; }
.vertical_split_view .area_right .alert2.success{ background-color:#ddf3d5; border-color:#afcda4; }
.vertical_split_view .area_right .alert2.warning{ background-color:#f8f4d5; border-color:#d8cf82; }
.vertical_split_view .area_right .alert2.error{ background-color:#ecc8c5; border-color:#be8180; }
.vertical_split_view .area_right .alert2 span.icon{ position:absolute; top:50%; left:20px; margin-top:-18px; display:block; width:36px; height:36px; background:url(../images/common/btn_icon.png); vertical-align:middle; }
.vertical_split_view .area_right .alert2.info span.icon{ background-position:-264px -228px; }
.vertical_split_view .area_right .alert2.success span.icon{ background-position:-300px -228px; }
.vertical_split_view .area_right .alert2.warning span.icon{ background-position:-264px -264px; }
.vertical_split_view .area_right .alert2.error span.icon{ background-position:-300px -264px; }
.vertical_split_view .area_right .alert2 .text{ display:block; vertical-align:middle; padding:15px 0 15px 50px; white-space:pre-wrap; }

.vertical_split_view.set_profile .profile_container{ padding:0; }

.vertical_split_view .area_right table.list{ margin-bottom:5px; }
.vertical_split_view .area_right table.list th{ font-weight:bold; font-size:11px; line-height:14px; width:auto; padding:4px 7px; border:none; border-right:1px #fff solid; background:#eee; text-align:left; }
.vertical_split_view .area_right table.list td{ line-height:1.2em; cursor:default; padding:4px 7px; border-right:1px #fff solid; border-bottom:1px #ebebeb solid; text-align:left; }
.vertical_split_view .area_right table.list tr:hover td{ background:none; }
.vertical_split_view .area_right table.list tr:nth-child(2n) td{ background:none; }

.vertical_split_view.relay .area_right table{ width:auto; }


/* ap_settings */
.ap_settings{}
.ap_settings.detail_area{ }
.ap_settings .area_left .tit{}
.ap_settings .area_left .tit .icon{ background-position: -324px -82px; }
.ap_settings .area_left .search{  }
.ap_settings .area_left .search input[type=text]{ }
.ap_settings .area_left .ap_list table.list tr.modified td a::after{ content:" * "; color:#999; font-weight:bold; }

.ap_settings .area_right .detail_row{ width:100%; max-width:1100px; border-bottom:1px #eee dashed; margin-bottom:20px; padding-bottom:10px; }
.ap_settings .area_right .detail_row:nth-child(4){ border-bottom:0; }
.ap_settings .area_right .detail_row .detail_row_tit h4{ display:inline-block; vertical-align:middle; }
.ap_settings .area_right .detail_row .detail_row_tit select.select_template{ width:160px; }
.ap_settings .area_right .detail_row .detail_row_left{ float:left; width:50%; padding:10px 20px; box-sizing:border-box; }
.ap_settings .area_right .detail_row .detail_row_right{ float:right; width:50%; padding:10px 20px; box-sizing:border-box; }
.ap_settings .area_right .detail_row .detail_row_both{ padding:10px 20px; box-sizing:border-box; clear:both; }
.ap_settings .area_right .detail_row .detail_row_tit{}
.ap_settings .area_right .detail_row h6{ font-weight:bold; background:url(../../resources/images/common/bullet_2.png) no-repeat 0 6px; padding:0 0 5px 7px; }
.ap_settings .area_right .detail_row table.view{  margin-bottom:0; }
.ap_settings .area_right .detail_row table.view th{ padding:3px 7px; line-height:20px; vertical-align:top; width:120px; }
.ap_settings .area_right .detail_row table.view td{ padding:3px 7px; line-height:20px; }
.ap_settings .area_right .detail_row table.view td label{ padding:0 16px 0 0; }
.ap_settings .area_right .detail_row .pure_control input[type=number]{ width:30px; }
.ap_settings .area_right .detail_row .pure_control input[type=text]{ width:30px; height: 22px; }
.ap_settings .area_right .detail_row .pure_control input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0; }
ul.select_channel{}
ul.select_channel li{ display:inline-block; width:60px;  }
ul.select_channel li label{ padding:0; }
select.select_channel{ display:block; width:200px; }

.ap_settings .ssid_container{ display:flex; flex-wrap:wrap; flex-direction:row; padding:0; }
.ap_settings .ssid_container>div.ssid_card{ width:50%; }
.ap_settings .ssid_container>div.ssid_card .ssid_card_inner{ height:100px; box-sizing:border-box; padding:40px 10px 20px 10px; margin:5px 5px 0 0; border:1px #ddd solid; position:relative; display:flex; flex-direction:column; background-color:#fff; }
.ap_settings .ssid_container>div.ssid_card .ssid_label{ position:absolute; top:10px; left:10px; color:#999; font-size:10px; }
.ap_settings .ssid_container>div.ssid_card::after{ content:attr(data-order); }
.ap_settings .ssid_container>div.ssid_card .ssid_name{  }
.ap_settings .ssid_container>div.ssid_card .ssid_name .txt{ display:inline-block; font-size:13px; vertical-align:middle; line-height:22px; max-width:86%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; font-weight:bold; }
.ap_settings .ssid_container>div.ssid_card:hover .ssid_card_inner{ background-color:#f9f9f9; }
.ap_settings .ssid_container>div.ssid_card .description{ font-size:11px; color:#666; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.ap_settings .ssid_container>div.ssid_card .description .bar{ display: inline-block; overflow: hidden; width: 0; height: 10px; margin: -1px 6px 1px 5px; border-left: 1px solid #ddd; vertical-align: middle; }
.ap_settings .ssid_container>div.ssid_card .divbtn{ position:absolute; top:10px; right:10px; }
.ap_settings .ssid_container>div.ssid_card button{ border:0; background:none; opacity:0.6; padding:0 2px; display:none; }
.ap_settings .ssid_container>div.ssid_card button .icon{ margin-right:0; }
.ap_settings .ssid_container>div.ssid_card button:hover{ opacity:1; }
.ap_settings .ssid_container>div.ssid_card:hover button{ display:inline-block; }

.ap_settings .ssid_container>div.ssid_card.add_ssid{ cursor:pointer; }
.ap_settings .ssid_container>div.ssid_card.add_ssid .ssid_card_inner{ align-items:center; justify-content:center; background-color:#efefef; padding:0; }
.ap_settings .ssid_container>div.ssid_card.add_ssid .icon{ display: inline-block; width:21px; height:21px; background: url(../../resources/images/common/btn_icon.png) -420px 0; opacity:0.6; }
.ap_settings .ssid_container>div.ssid_card.add_ssid:hover .icon{ opacity:1; }

.ap_settings .area_right .divbtnset{ max-width:1100px; }

/* s1_esp */
.s1_esp{}
.s1_esp .area_left .tit{ float:left; }
.s1_esp .area_left .tit .icon{ background-position:-346px -104px; }
.s1_esp .area_left>.action_area{ float:right; padding:15px 10px 0 0; background: transparent; font-size:11px; color:#999; line-height:22px; }
.s1_esp .area_left .search{ clear:both; }
.s1_esp .area_right{ overflow:auto; }
.s1_esp .area_right .network_tit{  margin-bottom:20px; cursor:default; }
.s1_esp .area_right .network_tit span.tit{ font-size:24px; color:#333; vertical-align:middle; display:inline-block; padding:0; margin-right:10px; }
.s1_esp .area_right .network_tit span.tit::after{ content:''; vertical-align:middle; width:1px; height:12px; background-color:#ccc; display:inline-block; margin: 0 0 0 10px; }
.s1_esp .area_right .network_tit span.sn_name{ color:#666; font-size:14px; vertical-align:middle; padding:0 3px;  }
.s1_esp .area_right .network_tit input.sn_name[type=text]{ width:360px; height:18px; line-height:18px; }
.s1_esp .area_right .network_tit span.num{ color:#4982c4; font-size:11px; font-weight:bold; }
.s1_esp .area_right .network_tit span.apply_immediately{ font-size:11px; padding-left:10px; }
.s1_esp .area_right .network_tit button{ background:none; border:none; }
.s1_esp .area_right .network_tit button span.icon{ margin-right:0; }
.s1_esp .area_right .network_tit button.del span.icon{ background-position:-96px 0; }
.s1_esp .area_right .network_tit button.ok span.icon{ background-position:-360px 0; }
.s1_esp .area_right .network_tit button.cancel span.icon{ background-position:-24px -24px; }
.s1_esp .area_right .network_tit input.sn_name[type=text], .s1_esp .area_right .network_tit button.add, .s1_esp .area_right .network_tit button.ok, .s1_esp .area_right .network_tit button.cancel{ display:none; }
.s1_esp .area_right .network_tit.edit_sn .sn_name, .s1_esp .area_right .network_tit.edit_sn button.edit, .s1_esp .area_right .network_tit.edit_sn button.del, .s1_esp .area_right .network_tit.edit_sn .apply_immediately{ display:none; }
.s1_esp .area_right .network_tit.edit_sn input.sn_name[type=text], .s1_esp .area_right .network_tit.edit_sn button.ok, .s1_esp .area_right .network_tit.edit_sn button.cancel{ display:inline-block; }
.s1_esp .area_right .network_tit.no_sn .sn_name, .s1_esp .area_right .network_tit.no_sn button.edit, .s1_esp .area_right .network_tit.no_sn button.del, .s1_esp .area_right .network_tit.no_sn .apply_immediately{ display:none; }
.s1_esp .area_right .network_tit.no_sn button.add{ display:inline-block; }

.ui-tooltip-content ul.tooltip_integration_fail{ width:120px; }
.ui-tooltip-content ul.tooltip_integration_fail li{ position:relative; }
.ui-tooltip-content ul.tooltip_integration_fail li::after{ width:11px; height:11px; content:''; display:inline-block; position:absolute; right:5px; top:3px; background:url(../images/common/btn_icon.png) no-repeat -144px -186px; }
.ui-tooltip-content ul.tooltip_integration_fail li.fail::after{ background-position:-155px -186px; }
 
/* vlan_settings */
.vlan_settings.detail_area{ }
.vlan_settings .area_left{ }
.vlan_settings .area_left .search input[type=text]{ }
.vlan_settings .area_left .switch_list{ overflow:hidden; }
.vlan_settings .area_left .switch_list .parent{ }
.vlan_settings .area_left .divbtn.s_btn{ float:left; padding:5px 0; margin:0; }
.vlan_settings .area_left .divbtn.s_btn>button{ font-size:11px; }
.vlan_settings .area_left .divbtn.s_btn>button.btn_view_ip_status span.icon{ background-position:-372px -24px; }
.vlan_settings .area_left .cnt{ float:right; display:block; text-align:right; padding:7px 0; }
.vlan_settings .area_left .cnt span{ color:#666; font-size:11px; }
.vlan_settings .area_left .cnt span.num{ color:#4982c4; font-size:11px; }

.vlan_settings .area_right{ overflow:auto; }
.vlan_settings .area_right .switch_tit a{ font-size:12px; vertical-align:middle; }
.vlan_settings .area_right .switch_tit a::before{ content:''; vertical-align:middle; width:1px; height:12px; background-color:#ccc; display:inline-block; margin: 0 10px 0 0; }
.vlan_settings .area_right .detail_row{  width:1100px; margin-bottom:20px; float:none; }
.vlan_settings .area_right .detail_row:nth-last-child(2){ border-bottom:0; }
.vlan_settings .area_right .detail_row .detail_row_tit{ margin-bottom:5px; }
.vlan_settings .area_right .detail_row .detail_row_tit h4{ display:inline-block; vertical-align:middle; }
.vlan_settings .area_right .detail_row .detail_row_tit .s_btn{ margin:0; }
.vlan_settings .area_right .detail_row .parent{ float:none; position:relative; max-height:207px; }
.vlan_settings .area_right .detail_row table.view{ margin-bottom:0; }
.vlan_settings .area_right .detail_row table.view th{ padding:3px 7px; line-height:24px; vertical-align:top; width:120px; }
.vlan_settings .area_right .detail_row table.view td{ padding:3px 7px; line-height:24px; }
.vlan_settings .area_right .detail_row table.view td label{ padding:0 16px 0 0; }
.vlan_settings .area_right .detail_row .pure_control input[type=number]{ width:30px; }
.vlan_settings .area_right .detail_row .pure_control input[type=text]{ width:30px; height: 22px; }
.vlan_settings .area_right .detail_row .pure_control input::-webkit-outer-spin-button, .vlan_settings .area_right .detail_row .pure_control input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vlan_settings .area_right .detail_row .pure_control input::-webkit-outer-spin-button, .vlan_settings .area_right .detail_row .pure_control input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.vlan_settings .area_right .detail_row .pure_control .ip-input-container{ border:0; padding:0; }
.vlan_settings .area_right .detail_row .pure_control .ip-input-container input[type=text]{ width:30px; font-size:12px; text-align:left; border:1px solid #ccc; line-height:22px; }
.vlan_settings .area_right .detail_row .pure_control .ip-input-container .ip-input-dot{ width:1px; height:1px; margin:4px; background-color:#666; }
.vlan_settings .area_right .divbtnset{ max-width:1100px; }

/* port_to_vlan */
.port_to_vlan_table{ position:relative; margin-bottom:5px; }
.port_to_vlan_table .parent{ float:none; position:relative; max-height:321px !important; }
.port_to_vlan_table .parent table{ min-width:100%; width:auto; }
.port_to_vlan_table .parent table thead tr th, .port_to_vlan_table .parent table tbody tr td{ min-width:37px; padding:4px 7px; box-sizing:border-box; text-align:center !important; font-size:11px; border:0 !important; }
.port_to_vlan_table .parent table thead tr th{ line-height:16px !important; box-shadow:inset -1px -1px 0 0 #fff; background:#eee; z-index:0; }
.port_to_vlan_table .parent table tbody tr td{ line-height:20px !important; box-shadow:inset -1px -1px 0 0 #eee; font-size:0; }
.port_to_vlan_table .parent table thead tr th:first-child, .port_to_vlan_table .parent table tbody tr td:first-child{ min-width:182px !important; max-width:260px; white-space:nowrap; overflow:hidden; text-align:left !important; /*font-size:12px;*/ position:relative; padding-right:20px !important;}
.port_to_vlan_table .parent table tbody tr td:first-child{ font-size:0; }
.port_to_vlan_table .parent table thead tr th:last-child{ box-shadow:inset 0 -1px 0 0 #fff; }
.port_to_vlan_table .parent table tbody tr td:last-child{ box-shadow:inset 0 -1px 0 0 #eee; }
.port_to_vlan_table .parent table tbody tr td:first-child button{ display:none; vertical-align:middle; position:absolute; top:50%; right:3px; transform:translateY(-50%); }
.port_to_vlan_table .parent table tbody tr:hover td:first-child button{ display:inline-block; }
.port_to_vlan_table .parent table tbody tr td span{ vertical-align:middle; margin-right:2px; }
.port_to_vlan_table .parent table tbody tr td span.icon_txt.rspan{ background-color:#c3c8cd; letter-spacing:-0.5px; }
.port_to_vlan_table .parent table tbody tr td span.vlan_name{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block; font-size:11px; max-width:160px; }
.port_to_vlan_table .parent table tbody tr td span.vlan_id{ display:inline-block; font-size:11px; }
.port_to_vlan_table .parent table td.ui-selecting{ background-color:#8ecaef; }
.port_to_vlan_table .parent table td.ui-selected{ background-color:#6392ca; }
.port_to_vlan_table .parent table tr.selected_vlan th::after{ display:inline-block; width:12px; height:12px; content:''; background:url(../images/common/btn_icon.png) -60px -24px; vertical-align:middle; }

.vlan_settings .legend{ position:absolute; top:10px; right:0; }
.vlan_settings .legend ul li{ width:auto; }
.vlan_settings .legend ul li span{ text-align:center; background-color:#fff; font-size:10px; line-height:12px; font-weight:bold; }
.vlan_settings .legend ul li.u_pvid>span{ color:#4e96d8; border:1px #4e96d8 solid; }
.vlan_settings .legend ul li.u_vid>span{ color:#7977c2; border:1px #7977c2 solid; }
.vlan_settings .legend ul li.t_pvid>span{ color:#01b07b; border:1px #01b07b solid; }
.vlan_settings .legend ul li.t_vid>span{ color:#adadad; border:1px #adadad solid; }

.port_to_vlan_template .sel_model{ float:left; margin-bottom:5px; }
.port_to_vlan_template .legend{ float:right; }
.port_to_vlan_template .legend ul li{ width:auto; display:inline-block; font-size:0.8em; margin:5px; vertical-align:middle; color:#666; line-height:1em; }
.port_to_vlan_template .legend ul li span{ display:inline-block; width:12px; height:12px; vertical-align:middle; text-align:center; background-color:#fff; font-size:10px; line-height:12px; font-weight:bold; }
.port_to_vlan_template .legend ul li.u_pvid>span{ color:#4e96d8; border:1px #4e96d8 solid; }
.port_to_vlan_template .legend ul li.u_vid>span{ color:#7977c2; border:1px #7977c2 solid; }
.port_to_vlan_template .legend ul li.t_pvid>span{ color:#01b07b; border:1px #01b07b solid; }
.port_to_vlan_template .legend ul li.t_vid>span{ color:#adadad; border:1px #adadad solid; }
.port_to_vlan_template .port_to_vlan_table{ clear:both; }
.pop_template_setting .template_con.cswitch_ip_template ul.list .sl_li table.view th{ width:40%; }
.cswitch_ip_template .pure_control input[type=number]{ width:30px !important; height:22px !important; line-height:22px !important; }
.cswitch_ip_template .pure_control input[type=text]{ width:30px !important; height:22px !important; line-height:22px !important; }
.cswitch_ip_template .pure_control .ip-input-container{ border:0; padding:0; }
.cswitch_ip_template .pure_control .ip-input-container input[type=text]{ width:30px; font-size:12px; text-align:left; border:1px solid #ccc; line-height:22px; }
.cswitch_ip_template .pure_control .ip-input-container .ip-input-dot{ width:1px; height:1px; margin:4px; background-color:#666; }
.cswitch_ip_template select{ width:auto !important; }

.port_to_vlan_dragging{ position:fixed;background:#fff; z-index:10; border:1px #999 solid; }
.port_to_vlan_dragging ul.vlan_tag_list{ display:flex; flex-wrap:wrap;}
.port_to_vlan_dragging ul.vlan_tag_list li{ width:30px; padding:5px; cursor:pointer; box-sizing:border-box; text-align:center; border-bottom:1px #eee solid; border-right:1px #eee solid; }
.port_to_vlan_dragging ul.vlan_tag_list li:nth-child(2n-1){ border-right:1px #eee solid; }
.port_to_vlan_dragging ul.vlan_tag_list li:last-child{ border-right:0; }
.port_to_vlan_dragging ul.vlan_tag_list li:hover{ background:#eee; }
.port_to_vlan_dragging ul.btn li{ box-sizing:border-box; border-right:0; font-size:11px; color:#666; padding:0 5px; }
.port_to_vlan_dragging ul.btn li button{ opacity:.7; border:0; background:none; font-size:11px; padding:0; height:24px;  }
.port_to_vlan_dragging ul.btn li button:hover{ opacity:1; }
.port_to_vlan_dragging ul.btn li button.restore span.icon{ background-position:-348px -24px; }
.port_to_vlan_dragging ul.btn li button.del span.icon{ background-position:-348px -24px; }
.ui-selectable-helper{ display:none; }

button.btn_visibility span.icon{ background-position:-396px -36px; }
span.icon_status{ display: inline-block; width:20px; height:12px; background: url(../../resources/images/common/btn_icon.png) -210px -186px;  text-indent:-9999px; overflow:hidden; position:relative; top:2px; }
span.icon_status.on{ background-position:-250px -186px; vertical-align:middle; }
span.icon_status.off{ background-position:-210px -186px; vertical-align:middle; }
span.icon_status.integration{ width:14px; height:14px; background-position:-132px -60px; margin-right:5px; vertical-align:middle; }
span.icon_status.integration.fail{ background-position:-146px -60px; }

span.icon_txt{ display:inline-block; min-width:24px; height:14px; line-height:14px; padding:0 2px; vertical-align:middle; background-color:#bbb; font-size:10px; text-align:center; font-weight:normal; color:#fff; }
span.icon_txt.used{ background-color:#6392ca; }
span.icon_txt.unused{ background-color:#c3c8cd; }

/* pop_ssid_setting */
.pop_ssid_setting{ min-width:500px; }
.pop_ssid_setting .header{}
.pop_ssid_setting .header h4{ float:none; }
.pop_ssid_setting .header h4 .breadcrumb{ font-size:12px; font-weight:normal; }
.pop_ssid_setting .header h4 .name{ font-size:16px; }
.pop_ssid_setting label{ padding:0 16px 0 0; }
.divPopup.pop_ssid_setting .con table.view th{ width:120px; }

/* btn_template */
.drop_down.btn_template{ display:inline-block; float:none; vertical-align:middle; }
.drop_down.btn_template>button{ width:24px; border:0; padding:0; background:none; opacity:0.7; }
.drop_down.btn_template>button .icon{ background-position:-384px -36px; }
.drop_down.btn_template>button .arrow{ display:inline-block; width:5px; height:12px; margin-left:2px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -75px -24px; }
.drop_down.btn_template:hover>button{ opacity:1; }
.drop_down.btn_template .layer_st{ top:26px; right:auto; left:-39px;  z-index:1010; min-width:220px; }
.drop_down.btn_template .layer_st>span.icon_arrow{ left:48px; right:auto; }
.drop_down.btn_template .layer_st span.tit{ display:block; font-size:11px; font-weight:bold; line-height:16px; padding:5px 8px 0; color:#999; }
.drop_down.btn_template .layer_st ul{ padding:5px 0; }
.drop_down.btn_template .layer_st ul.template_list{ border-bottom:1px #f4f4f4 solid; max-height:210px; overflow-y:auto; }
.drop_down.btn_template .layer_st ul li{ position:relative; font-size:0; }
.drop_down.btn_template .layer_st ul li a{ color:#333; text-decoration:none; line-height:18px;width: 160px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle; padding:0 3px; font-weight:normal; }
.drop_down.btn_template .layer_st ul li:hover{ background-color:#eee; }
.drop_down.btn_template .layer_st ul li span.icon{ display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png) no-repeat; vertical-align:middle; margin-right:4px; }
.drop_down.btn_template .layer_st ul li button{ background:none; border:0; height:18px; /*display:none;*/ }
.drop_down.btn_template .layer_st ul li:hover button{ display:inline-block; }
.drop_down.btn_template .layer_st ul li .btn_apply{ float:right; }
.drop_down.btn_template .layer_st ul li .btn_apply span.icon{ background-position:-384px -48px; margin:0; opacity:0.7; }
.drop_down.btn_template .layer_st ul li .btn_detail_info{ float:right;  }
.drop_down.btn_template .layer_st ul li .btn_detail_info span.icon{ background-position:-288px -36px; margin:0; opacity:0.7; }
.drop_down.btn_template .layer_st ul li .btn_detail_info:hover span.icon{ opacity:1; }
.drop_down.btn_template .layer_st ul li.add_template{ background-color:#ffefc7; }
.drop_down.btn_template .layer_st ul li input.template_name{ width:140px; height:18px; }
.drop_down.btn_template .layer_st ul li button.ok span.icon{ background-position:-360px 0; margin:0; }
.drop_down.btn_template .layer_st ul li button.cancel span.icon{ background-position:-24px -24px; margin:0; }
.drop_down.btn_template .layer_st ul.current_setting{ overflow:hidden; }
.drop_down.btn_template .layer_st ul.current_setting li{ float:left; box-sizing:border-box;  border-right:0; font-size:11px; color:#666; padding:0 8px; font-weight:normal; }
.drop_down.btn_template .layer_st ul.current_setting li.current_save span.icon{ background-position:0 -12px; }
.drop_down.btn_template .layer_st ul.current_setting li.restore span.icon{ background-position:-348px -24px; }
.drop_down.btn_template .layer_st ul.current_setting li>span.icon{ opacity:0.7; }
.drop_down.btn_template .layer_st ul.current_setting li:hover{ background-color:transparent; color:#333; }
.drop_down.btn_template .layer_st ul.current_setting li:hover>span.icon{ opacity:1; }

/* pop_template_setting */
.divPopup.pop_template_setting{ width:1200px; min-height:700px; }
.pop_template_setting .tabs{ position:relative; }
.pop_template_setting .tabs .view_my_template{ position:absolute; top:0; right:10px; font-size:11px; }
.pop_template_setting .tabs ul li a span.stit{ font-size:11px; color:#bbb; font-weight:normal; }
.pop_template_setting .tabs ul li a span.stit::before{ content:''; vertical-align:middle; width:1px; height:10px; background-color:#ddd; display:inline-block; margin: 0 5px 0 5px; }
.pop_template_setting .tabs ul li.selected a span.stit{ color:#777; }

.pop_template_setting .header .view_my_template{ float:left; font-size:11px; color:#999; line-height:22px; }
.pop_template_setting .header .view_my_template::before{ content:''; vertical-align:middle; width:1px; height:12px; background-color:#ddd; display:inline-block; margin:0 10px; }
.pop_template_setting .header .select_type{ float:left; }
.pop_template_setting .header .select_type::before{ content:''; vertical-align:middle; width:1px; height:12px; background-color:#ddd; display:inline-block; margin:0 5px 0 10px; }
.pop_template_setting .header .select_type ul{ overflow:hidden; display:inline-block; vertical-align:middle; }
.pop_template_setting .header .select_type ul li{ float:left; width:auto; font-size:11px; line-height:22px; color:#aaa; padding:0 5px; position:relative; margin: 0 5px; }
.pop_template_setting .header .select_type ul li:hover{ cursor:pointer; color:#666; }
.pop_template_setting .header .select_type ul li.selected{ color:#333; font-weight:bold; }
.pop_template_setting .header .select_type ul li.selected::before{ content:''; width:100%; height:6px; position:absolute; top:8px; left: 50%; background:#1974e6; z-index: 0; transform:translateX(-50%); opacity:.2; }
.pop_template_setting .swiper_tabs{ position:relative; background-color:#fff; width:100%; padding:0; box-shadow:inset 0 -1px 0 0 #eee; }
.pop_template_setting .swiper_tabs .tabs{ margin: 0px 54px 15px 30px; }
.pop_template_setting .swiper_tabs .tabs ul{ overflow:initial; padding:0; border-bottom:0; }
.pop_template_setting .swiper_tabs .tabs ul li{ position:relative; background-color:transparent; }
.pop_template_setting .swiper_tabs .tabs ul li:last-child a{ border-right:0; }
.pop_template_setting .swiper_tabs .tabs ul li a{ border:0; min-width:auto; line-height:20px; overflow:hidden; text-overflow:ellipsis; padding:6px 20px; white-space:nowrap; color:#999; }
.pop_template_setting .swiper_tabs .tabs ul li.selected a{ /*box-shadow:inset 0 -2px 0 0 #3c6ca3;*/ font-weight:bold; color:#333; }
.pop_template_setting .swiper_tabs .tabs ul li.selected a::after{ width:100%; height:2px; display:block; background:#3c6ca3; content:''; position:absolute; bottom:0; left:0; }
.pop_template_setting .swiper_tabs .tabs ul li a span.stit{/* display:none; position:absolute; top:0; left:50%; transform:translateX(-50%); line-height:12px; font-size:10px; */}
.pop_template_setting .swiper_tabs .tabs ul li.selected a span.stit{/* display:block; color:#bbb; */ }
.pop_template_setting .swiper_tabs .tabs ul li a span.stit::before{}
.pop_template_setting .swiper_tabs ul li a span.stit{ font-size:11px; color:#bbb; font-weight:normal; letter-spacing:-.5px; }
.pop_template_setting .swiper_tabs ul li a span.stit::before{ content:''; vertical-align:middle; width:1px; height:10px; background-color:#ddd; display:inline-block; margin: 0 5px; }
.pop_template_setting .swiper_tabs ul li.selected a span.stit{ color:#777; }
.pop_template_setting .swiper-button-prev, .pop_template_setting .swiper-button-next{ top:5px; margin-top:0; width:24px; height:24px; text-align: center; line-height:12px; background:none; border-radius:50%; padding:6px; box-sizing:border-box; }
.pop_template_setting .swiper-button-prev:hover, .pop_template_setting .swiper-button-next:hover{ opacity:1; background:#f6f6f6; }
.pop_template_setting .swiper-button-prev{ left:0; }
.pop_template_setting .swiper-button-next{ right:24px; }
.pop_template_setting .swiper-button-prev::after, .pop_template_setting .swiper-button-next::after{ display:inline-block; width:12px; height:12px; content:''; vertical-align:middle; background:url(../../resources/images/common/btn_icon.png) no-repeat; }
.pop_template_setting .swiper-button-prev::after{ background-position:-96px -49px; }
.pop_template_setting .swiper-button-next::after{ background-position:-120px -49px; }
.pop_template_setting .con .drop_down.btn_more_tab{ position:absolute; top:5px; right:0; }
.pop_template_setting .con .drop_down.btn_more_tab button{ border-radius:50%; }
.pop_template_setting .con .drop_down.btn_more_tab .icon{ background-position:-524px -27px; width:14px; height:14px;  }
.pop_template_setting .con .drop_down.btn_more_tab button:hover{background:#f6f6f6; }
.pop_template_setting .con .drop_down.btn_more_tab button:hover .icon{ opacity:1; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st{ top:34px; left:auto; right:0; z-index:1010; width:200px; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st span.tit{ display:none; font-size:11px; font-weight:bold; line-height:16px; padding:5px 7px; color:#999; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st>span.icon_arrow{ left:auto; right:6px; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st ul{ max-height:580px; overflow-y:auto; padding:0; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st ul li{ position:relative; float:none; width: inherit; padding-left:24px; margin:1px 0; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st ul li a{ color:#666; text-decoration:none; line-height:20px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; padding:0 3px; font-weight:normal; text-align:left; box-shadow:none; border:none; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st ul li:hover{ background-color:#f6f6f6; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st ul li.selected{ background:#e2e7ed; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st ul li.selected::after{ position:absolute; top:6px; left:5px; width:12px; height:12px; content:''; vertical-align:middle; background:url(../../resources/images/common/btn_icon.png) no-repeat -60px -24px; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st ul li.selected a{ font-weight:bold; color:#333; }
.pop_template_setting .con .drop_down.btn_more_tab .layer_st ul li.switch:last-child{ margin-bottom:20px; }

.pop_template_setting .template_con{ display:none; }
.pop_template_setting .template_con.cswitch_ip_template{ display:block; }
.pop_template_setting .template_con .scroll{ max-height:600px; overflow-y:auto; }
.pop_template_setting .template_con .template_con_left{ float:left; width:50%; padding:10px 10px; box-sizing:border-box; }
.pop_template_setting .template_con .template_con_right{ float:right; width:50%; padding:10px 10px; box-sizing:border-box; }
.pop_template_setting .template_con h6{ font-weight:bold; background:url(../../resources/images/common/bullet_2.png) no-repeat 0 6px; padding:0 0 5px 8px; }

.pop_template_setting .template_con ul.list{  }
.pop_template_setting .template_con ul.list .sl_li .sl_top input[type=text]{ width:200px; }
.pop_template_setting .template_con ul.list .sl_li .sl_top .tit{ max-width:250px; overflow:hidden; display:inline-block; text-overflow:ellipsis; vertical-align:middle; white-space:nowrap; }
.pop_template_setting .template_con ul.list .sl_li .sl_top .tit>span{ line-height:inherit; }
.pop_template_setting .template_con ul.list .sl_li .sl_top .model{ color:#666; font-size:11px; vertical-align:middle; }
.pop_template_setting .template_con ul.list .sl_li .sl_top .model::before{ content:''; vertical-align:middle; width:1px; height:12px; background-color:#ccc; display:inline-block; margin: 0 10px; }
.pop_template_setting .template_con ul.list .sl_li .sl_top .type{ color:#666; font-size:11px; vertical-align:middle; }
.pop_template_setting .template_con ul.list .sl_li .sl_top .type::before{ content:''; vertical-align:middle; width:1px; height:12px; background-color:#ccc; display:inline-block; margin: 0 10px; }
.pop_template_setting .template_con ul.list .sl_li a.btn_del{ display:block; }
.pop_template_setting .template_con ul.list .sl_li a.btn_clone{ right:20px; }
.pop_template_setting .template_con ul.list .sl_li a.btn_del~a.btn_clone{ right:42px; }
.pop_template_setting .template_con ul.list .sl_li .status{ display:block; position:absolute; top:16px; right:90px; line-height:22px; }
.pop_template_setting .template_con ul.list .sl_li .status span.icon{ display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png) no-repeat -144px 0; opacity:0.5; vertical-align:middle; margin-right:4px; }
.pop_template_setting .template_con ul.list .sl_li .status .writer{ display:inline-block; font-size:11px; line-height:19px; color:#999; }
.pop_template_setting .template_con ul.list .sl_li .status .public{ display:inline-block;  font-size:11px; color:#999;  }
.pop_template_setting .template_con ul.list .sl_li .status .public::before{ display:inline-block; margin:0  8px 0; width:1px; height:10px; background:#d8d8d8; content:""; }
.pop_template_setting .template_con ul.list .sl_li .status .writer span.icon{ width:16px; background-position: -300px -36px; }
.pop_template_setting .template_con ul.list .sl_li .status .public span.icon{ background-position: -108px 0; }

.pop_template_setting .template_con ul.list .sl_li .sl_con{ position:relative; }
.pop_template_setting .template_con ul.list .sl_li .sl_con .sl_con_left{ float:left; width:50%; padding:10px 20px; box-sizing:border-box; }
.pop_template_setting .template_con ul.list .sl_li .sl_con .sl_con_right{ float:right; width:50%; padding:10px 20px; box-sizing:border-box; }
.pop_template_setting .template_con ul.list .sl_li .sl_con .layer_disable{ display:none; position:absolute; top:0; right:0; bottom:50px; left:0; z-index: 1000; background-color:#fff; opacity:0.5;  }

.pop_template_setting .template_con ul.list .sl_li.another .sl_con .layer_disable{ display:block; }
.pop_template_setting .template_con ul.list .sl_li.another .status .writer span.icon{ width:12px;background-position: -144px 0; }

.pop_template_setting .template_con ul.list .sl_li table.view { margin-bottom:20px; }
.pop_template_setting .template_con ul.list .sl_li table.view>tbody>tr>th{ width:30%;padding:2px 7px; line-height: 20px; vertical-align:top; text-align:right; }
.pop_template_setting .template_con ul.list .sl_li table.view>tbody>tr>td{ padding:2px 3px 2px 7px; line-height:20px; }
.pop_template_setting .template_con ul.list .sl_li table.view td label{ padding:0 16px 0 0; }
.pop_template_setting .template_con ul.list .sl_li table.view .detail_setting dl dt{ display:inline-block; width:12%; font-size:11px; padding:0 0 4px 4px; text-align:right; /*font-weight:bold;*/ box-sizing:border-box; }
.pop_template_setting .template_con ul.list .sl_li table.view .detail_setting dl dd{ display:inline-block; width:auto; min-height:24px; padding:0 0 4px 4px; line-height:24px; box-sizing:border-box;  }
.pop_template_setting .template_con ul.list .sl_li table.view .detail_setting dl dd span.port{ font-size:11px; padding-left:10px; }
.pop_template_setting .template_con ul.list .sl_li table.view .detail_setting dl dd span.small_print{ padding-left:5px; color:#999; }
.pop_template_setting .template_con ul.list .sl_li table.view .list select{ width:auto; }

.pop_template_setting .template_con.fan_template dl.setting_enabled{ margin:0 0 5px 0; float:right; }
.pop_template_setting .template_con.fan_template dl dt{ display:inline-block; padding:0 2px; }
.pop_template_setting .template_con.fan_template dl dd{ display:inline-block; }
.pop_template_setting .template_con.fan_template ul.list .sl_li .sl_con table{ border:1px #ddd solid; clear:both; min-width:auto; margin:0 auto 5px;}
.pop_template_setting .template_con.fan_template ul.list .sl_li .sl_con table th{ width:135px; height:24px; background-color:#f3f3f3; border-bottom:1px #ddd solid; border-right:1px #ddd solid; padding:3px 7px; position:relative; text-align:center; }
.pop_template_setting .template_con.fan_template ul.list .sl_li .sl_con table thead th:first-child::after{ display:block; content:''; width:1px; height:152px; background-color:#ddd; transform:rotate(282deg); transform-origin:top left; position:absolute; top:0; left:0; }
.pop_template_setting .template_con.fan_template ul.list .sl_li .sl_con table th span{ position:absolute; font-size:11px; line-height:14px; }
.pop_template_setting .template_con.fan_template ul.list .sl_li .sl_con table th span.watt{ bottom:0; left:3px; }
.pop_template_setting .template_con.fan_template ul.list .sl_li .sl_con table th span.temp{ top:0; right:3px; }
.pop_template_setting .template_con.fan_template ul.list .sl_li .sl_con table td{ height:24px; border-bottom:1px #ddd solid; border-right:1px #ddd solid; text-align: center; padding:3px 7px; }
.pop_template_setting .template_con.fan_template input[type=text]{ width:30px; height:18px; }
.pop_template_setting .template_con.fan_template input[type=number]{ width:30px; height:18px; }

.pop_template_setting .template_con.snmp ul.list .sl_li table.view>tbody>tr>th{ width:140px; }
.pop_template_setting .template_con.snmp ul.list .sl_li table.list{ min-width:auto; }

.pop_template_setting .template_con.igmp_snooping ul.list{ padding:0; }
.pop_template_setting .template_con.igmp_snooping ul.list .sl_li table.view>tbody>tr>th{ width:140px; }
.pop_template_setting .template_con.igmp_snooping ul.list .sl_li table.view .detail_setting dl dt{ width:20%; }
.pop_template_setting .template_con.igmp_snooping ul.list .sl_li table.view .detail_setting dl dd input[type=text]{ width:60px; }
.pop_template_setting .template_con.igmp_snooping ul.list .sl_li .parent{ max-height:312px; }

.pop_template_setting .template_con.voice_vlan ul.list .sl_li .parent{ max-height:207px; }

.pop_template_setting .template_con.script ul.list .sl_li table.view>tbody>tr>th{ width:140px; }
.pop_template_setting .template_con.script ul.list .sl_li table.view textarea{ width:100%; height:240px; box-sizing:border-box; resize:none; }
.pop_template_setting .template_con.script ul.list .sl_li table.view input[type=text]{ width:100%; box-sizing:border-box;  }
.pop_template_setting .template_con.script ul.list .sl_li .script_con{ width:500px; margin:0 auto; }
.pop_template_setting .template_con.script ul.list .sl_li .script_con dl dt{ font-weight:bold; font-size:11px; line-height:20px; padding:2px 5px; } 
.pop_template_setting .template_con.script ul.list .sl_li .script_con dl dd{ line-height:20px; padding:0 0 10px 0; } 
.pop_template_setting .template_con.script ul.list .sl_li .script_con textarea{ width:100%; height:300px; box-sizing:border-box; resize:none; padding:4px; }
.pop_template_setting .template_con.script ul.list .sl_li .script_con input[type=text]{ width:100%; height:24px; box-sizing:border-box; }

.pop_template_setting .template_con.port_schedule .divbtn.buttons_toggle{ overflow:hidden; display:block; vertical-align:middle; padding:0; margin:0 auto; width:579px; }
.pop_template_setting .template_con.port_schedule .divbtn.buttons_toggle>button{ float:left; font-weight:normal; height:20px; border:1px #a9a9a9 solid; background:url(../images/common/btn_bg.png) repeat-x bottom; padding:0 6px; font-size:11px; line-height:20px; white-space:nowrap; border-radius:0; border-right:none; color:#333; box-sizing: border-box; opacity:1; }
.pop_template_setting .template_con.port_schedule .divbtn.buttons_toggle>button:first-child{ border-radius:3px 0 0 3px; }
.pop_template_setting .template_con.port_schedule .divbtn.buttons_toggle>button:last-child{ border-radius:0 3px 3px 0; border-right:1px #909090 solid; }
.pop_template_setting .template_con.port_schedule .time_table{ margin:0 auto; }

.pop_template_setting .template_con .sel_model{ margin-bottom:5px; }
.pop_template_setting .template_con .sel_model label{ display:inline-block; content:"Model"; font-size:11px; color:#333; padding:0 5px; vertical-align:middle; }
/*.pop_template_setting .template_con .sel_model::before{ display:inline-block; content:"Model"; font-size:11px; color:#333; padding:0 5px; vertical-align:middle; }*/
.pop_template_setting .template_con .sel_type{ margin-bottom:5px; }
.pop_template_setting .template_con .sel_type label{ display:inline-block; font-size:11px; color:#333; padding:0 5px; vertical-align:middle; }

.pop_template_setting .template_con.timatrix_setting ul.setting_list .sl_li .status{ display:inline-block; position:inherit; }

div.divbtnset>button.btn_apply_to_device{ margin-right:10px; }
div.divbtnset>button.btn_apply_to_device span.icon{ background-position:-192px -36px; margin-top:-1px; }
div.divbtn>button.script_execute{ margin-right:10px; }
div.divbtn>button.script_execute span.icon{ background-position:-216px -24px; }

/* pop_apply_to_device */
.divPopup.pop_apply_to_device{ }
.pop_apply_to_device .con .search{ text-align:center; padding-bottom:4px; box-sizing:border-box; overflow:hidden; }
.pop_apply_to_device .con .search input[type=text]{ float:left; width:278px; height:22px; line-height:22px; border-left-width:0; box-sizing: border-box; }
.pop_apply_to_device .con .search .icon.icon_search{ float:left; width:22px; height:22px; background:url(../images/common/btn_icon.png) no-repeat -20px -48px; background-color:#fff; vertical-align:middle; border:1px #ccc solid; border-right:0;  box-sizing: border-box; }
.pop_apply_to_device .con .wrap_apply_to_device_tree{ width:300px; height:400px; background-color:#f9f9f9; border:1px #ddd solid; box-sizing:border-box; }

.divPopup.pop_apply_to_device .con dl.select_ssid{ width:300px; padding:10px 0 0 0; display:flex; flex-wrap:wrap; }
.divPopup.pop_apply_to_device .con dl.select_ssid dt{ width:90px; padding:2px 10px; font-size:11px; text-align:right; box-sizing:border-box; }
.divPopup.pop_apply_to_device .con dl.select_ssid dt::before{ display:inline-block; width:12px; height:12px; margin-right:5px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -60px -12px; content:''; }
.divPopup.pop_apply_to_device .con dl.select_ssid dd{ width:210px; padding:2px 0; box-sizing:border-box; }
.divPopup.pop_apply_to_device .con dl.select_ssid dd input[type=text]{ height:18px; }

.divPopup.pop_apply_to_device .con dl.select_script{ width:300px; padding:10px 0 0 0; display:flex; flex-wrap:wrap; }
.divPopup.pop_apply_to_device .con dl.select_script dt{ width:90px; padding:2px 10px; font-size:11px; text-align:right; box-sizing:border-box; }
.divPopup.pop_apply_to_device .con dl.select_script dt::before{ display:inline-block; width:12px; height:12px; margin-right:5px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -60px -12px; content:''; }
.divPopup.pop_apply_to_device .con dl.select_script dd{ width:210px; padding:2px 0; box-sizing:border-box; }
.divPopup.pop_apply_to_device .con dl.select_script dd label{ padding-right:5px; display:block; }

/* dynatree */
.wrap_dynatree span.dynatree-node{ display:block; line-height:1.8; position:relative; overflow:hidden; }

ul.dynatree-container{ font-size: 10pt; white-space: nowrap; padding: 5px; margin: 0; background-color:transparent; border:none; overflow: auto; height: 100%; box-sizing:border-box; }
ul.dynatree-container ul{ padding: 0 0 0 16px; margin: 0; }
ul.dynatree-container li{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 1px 0 0 0;
} 
ul.dynatree-container li.dynatree-lastsib{ background-image: none; }
ul.dynatree-no-connector > li{ background-image: none; }
.ui-dynatree-disabled ul.dynatree-container{ opacity: 0.5; background-color: silver; }

/*******************************************************************************
 * Common icon definitions
 */
span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker { width: 16px; height: 16px; 	display: inline-block; vertical-align: top; background-repeat: no-repeat;  background-image: url("../images/common/icons.png"); background-position: 0 0; }

/** Used by 'icon' node option: */
ul.dynatree-container img{	width: 16px; height: 16px; margin-left: 3px; vertical-align: top; border-style: none; }
span.dynatree-connector{ background-position: -16px -64px; }
span.dynatree-expander{ background-position: 0px -80px; cursor: pointer; }
.dynatree-exp-cl span.dynatree-expander{ background-position: 0px -96px; }
.dynatree-exp-cd span.dynatree-expander{ background-position: -64px -80px; }
.dynatree-exp-cdl span.dynatree-expander{ background-position: -64px -96px; }
.dynatree-exp-e span.dynatree-expander,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander  /* Expanded, delayed, not last sibling */{	background-position: -32px -80px; }
.dynatree-exp-el span.dynatree-expander,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander  /* Expanded, delayed, last sibling */{ background-position: -32px -96px; }
.dynatree-loading span.dynatree-expander  /* 'Loading' status overrides all others */{	background-position: 0 0; background-image: url("../images/common/loading.gif"); }

/*******************************************************************************
 * Checkbox icon
 */
span.dynatree-checkbox{	margin-left: 3px; background-position: 0px -32px; }
span.dynatree-checkbox:hover{ background-position: -16px -32px; }
.dynatree-partsel span.dynatree-checkbox{ background-position: -64px -32px; }
.dynatree-partsel span.dynatree-checkbox:hover{ background-position: -80px -32px; }
.dynatree-selected span.dynatree-checkbox{ background-position: -32px -32px; }
.dynatree-selected span.dynatree-checkbox:hover{ background-position: -48px -32px; }

span.dynatree-icon /* Default icon */{ margin-left: 3px; background-position: 0px 0px; position:relative; width:18px !important; }
.normal span.dynatree-icon{ background-position: 0 0; }
.hasAlarm span.dynatree-icon{ background-position: -18px -178px; }
.disconnection span.dynatree-icon{	background-position: -36px -178px; }

.dynatree-ico-cf>span.dynatree-icon  /* Collapsed Folder */{ background-position: 0px -16px; }
.dynatree-ico-cf.hasAlarm>span.dynatree-icon{ background-position: -18px -16px; }
.dynatree-ico-ef>span.dynatree-icon  /* Expanded Folder */{	background-position: -64px -16px;}
.dynatree-ico-ef.hasAlarm>span.dynatree-icon{ background-position: -82px -16px; }

/* Status node icons */
.dynatree-statusnode-error span.dynatree-icon{ background-position: 0px -112px;  }
span.dynatree-node{ display: inline-block;	vertical-align: top; }
ul.dynatree-container a{ /* inherit doesn't work on IE */ text-decoration: none; vertical-align: top; margin: 0px; margin-left: 3px; }
ul.dynatree-container a:hover{ background: #f0f1f5; border:none; }

span.dynatree-node a{ color:#444; font-size:12px; line-height:18px; display: inline-block; /* Better alignment, when title contains <br> */
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.dynatree-folder a{	 font-weight: normal; }
ul.dynatree-container a:focus, span.dynatree-focused a:link  /* @IE */{	background-color: #e1e4eb; }
span.dynatree-has-children a{}
span.dynatree-expanded a{}
span.dynatree-selected a{}
span.dynatree-active a{	background-color: #3169C6 !important; color: white !important; /* @ IE6 */ }


/*** Helper object ************************************************************/
div.dynatree-drag-helper{}
div.dynatree-drag-helper a{	border: 1px solid gray;	background-color: white; padding-left: 5px;	padding-right: 5px;	opacity: 0.8; }
span.dynatree-drag-helper-img{	/*	position: relative;	left: -16px;	*/}
div.dynatree-drag-helper /*.dynatree-drop-accept*/{ /*    border-color: green;	background-color: red;*/ }
div.dynatree-drop-accept span.dynatree-drag-helper-img{ background-position: -32px -112px; }
div.dynatree-drag-helper.dynatree-drop-reject{	border-color: red; }
div.dynatree-drop-reject span.dynatree-drag-helper-img{	background-position: -16px -112px; }

/*** Drop marker icon *********************************************************/
#dynatree-drop-marker{ width: 24px; position: absolute; background-position: 0 -128px; margin: 0;/*	border: 1px solid red; */ }
#dynatree-drop-marker.dynatree-drop-after, #dynatree-drop-marker.dynatree-drop-before{ width:64px; background-position: 0 -144px; }
#dynatree-drop-marker.dynatree-drop-copy{ background-position: -64px -128px; }
#dynatree-drop-marker.dynatree-drop-move{ background-position: -64px -128px; }

/*** Source node while dragging ***********************************************/
span.dynatree-drag-source{	/* border: 1px dotted gray; */	background-color: #e0e0e0; }
span.dynatree-drag-source a{ color: gray; }

/*** Target node while dragging cursor is over it *****************************/
span.dynatree-drop-target{	/*border: 1px solid gray;*/}
span.dynatree-drop-target a{}
span.dynatree-drop-target.dynatree-drop-accept a{ /*border: 1px solid green;*/	background-color: #3169C6 !important; color: white !important; /* @ IE6 */	text-decoration: none; }
span.dynatree-drop-target.dynatree-drop-reject{	/*border: 1px solid red;*/}
span.dynatree-drop-target.dynatree-drop-after a{}

/*** select2 ***********************************************/
.select2-container--open{ z-index:99999; }
span.select2 { text-align:left; }
.select2-container .select2-selection--single{ height:24px; border-color:#ccc; border-radius:0; }
.select2-container .select2-selection--multiple{ min-height:28px; border-color:#ccc; max-height:50px !important; overflow-y:auto; overflow-x:hidden; }
.select2-container--default .select2-selection--multiple{ padding-bottom:3px; padding-right:3px; border-radius:0; }
.select2-container--default .select2-selection--multiple .select2-selection__choice{ margin-top:3px; margin-left:3px; }
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:22px; padding-left:5px; }
.select2-container--default .select2-selection--single .select2-selection__arrow{ width:16px; height:24px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder{ line-height:22px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{ border-width:3px 3px 0 3px; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-width:0 3px 3px 3px; }

.select2-dropdown{ border-radius:0; }
.select2-results__option{ padding:4px 7px; word-break:break-all; }
.select2-container--default .select2-results__option--selected{ background-color:#d5dde5 !important; color:#2162ae !important; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{ background-color:#eee; color:#333; }
.select2-container--default .select2-search--dropdown .select2-search__field{ border-color:#ccc; padding:1px; padding-left:24px; }
.select2-search--dropdown::before{ position:absolute; top:5px; left:5px; display:inline-block; width:20px; height:20px; content:''; background:url(../../resources/images/common/btn_icon.png) no-repeat -20px -48px; }

/* dhcp_ticontroller_server */
.dhcp_ticontroller_server{ padding:10px; }
.dhcp_ticontroller_server h4{ display:inline-block; }
.dhcp_ticontroller_server .s_btn button{ font-size:11px; }
.dhcp_ticontroller_server button.btn_pool_binding span.icon{ background-position:-372px -24px; }
.dhcp_ticontroller_server button.btn_manage_group span.icon{ background-position:-72px 0; }
.dhcp_ticontroller_server ul.list{ /*width:700px;*/ }
.dhcp_ticontroller_server ul.list .sl_li{ width:100%; box-sizing:border-box; }
.dhcp_ticontroller_server ul.list .sl_li .sl_top{ overflow:hidden; display:inline-block; vertical-align: middle; }
.dhcp_ticontroller_server ul.list .sl_li .sl_top .tit{ font-weight:bold; font-size:1em; line-height:22px; margin-right:20px; color:#333; }
.dhcp_ticontroller_server ul.list .sl_li .sl_top .tit input[type=text]{ width:300px; height:20px; line-height:1.4em; font-size:0.9em; }
.dhcp_ticontroller_server ul.list .sl_li a.btn_del{ display:block; }
.dhcp_ticontroller_server ul.list .sl_li a.btn_setting_detail{ display:inline-block; font-size:11px; vertical-align: middle; line-height:22px; }
.dhcp_ticontroller_server ul.list .sl_li a.btn_setting_detail::after{ content:"More detail »";  }
.dhcp_ticontroller_server ul.list .sl_li a.btn_setting_detail.hide::after{content:"« Hide detail"; }
.dhcp_ticontroller_server ul.list .sl_li dl.setting_detail_area { clear:both; line-height:1.4em; color:#666; padding:10px 30px; display:none; }
.dhcp_ticontroller_server ul.list .sl_li dl.setting_detail_area dt{ display:inline-block;  margin-right:2px; padding:2px 0;width:110px; font-size:11px; vertical-align:top; font-weight:bold; }
.dhcp_ticontroller_server ul.list .sl_li dl.setting_detail_area dd{ display:inline-block; margin-right:10px; padding:2px 0; }
.dhcp_ticontroller_server ul.list .sl_li dl.setting_detail_area dd input[type=text]{ width:160px ; height:18px; line-height:18px; }
.dhcp_ticontroller_server ul.list .sl_li dl.setting_detail_area dd select{ width:170px; height:20px; line-height:18px; }
.dhcp_ticontroller_server ul.list .sl_li dl.setting_detail_area dd:last-child{ margin-right:0; }
.dhcp_ticontroller_server ul.list .sl_li dl.setting_detail_area dd span.limit{ display:inline-block; padding:0 0 0 20px; font-size:11px; }
.dhcp_ticontroller_server ul.list .sl_li dl.setting_detail_area dd span.limit input[type=text]{ width:80px; }

.dhcp_ticontroller_server ul.list .sl_li .sl_con{ clear:both;  }
.dhcp_ticontroller_server ul.list .sl_li .sl_con .parent{ max-height: 170px; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li{ position:relative; padding:0; border-bottom:1px #eee dashed; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li:last-child{ border-bottom:none; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li .sdl_top{ padding:5px 0 5px 20px; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li .sdl_top .tit{ font-size:12px; padding:5px 0 5px 5px; /*margin-bottom:8px;*/  background:none; line-height:22px; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li a.btn_arrow{ position:absolute; top:12px; left:0; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li .sdl_con{ line-height:1.7em; color:#666; display:none; padding:0 0 10px 25px; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li .sdl_con_row{ padding:0 0 10px 0; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li .sdl_con_row:last-child{ padding:0; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li .sdl_con_row .stit{ background:url(../../resources/images/common/bullet_2.png) no-repeat 2px 8px; font-size:11px; padding:0 0 5px 8px; display:block; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li button.btn_uploadcsv span.icon{ background-position:-180px 0; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con ul li.sdl_li button.btn_downloadcsv span.icon{ background-position:-156px 0; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con .action_area .left{ padding-left:0; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con .action_area div.divsearch{ margin-right:3px; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con .action_area div.divsearch>input[type=text]{ height:18px; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con .action_area div.divsearch>a{ height:18px; background-position-y:-50px; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con .action_area div.divsearch .layer_st{ top:20px; }
.dhcp_ticontroller_server ul.list .sl_li .sl_con .action_area .right{ right:0; }

.dhcp_ticontroller_server>button.pool_binding{ vertical-align:middle; height:18px; line-height:18px; border:none; background:none; color:#3c6ca3; font-size:1em; padding-right:10px; font-weight:normal; /*text-decoration:underline;*/ }
.divPopup.pop_pool_binding{ width:650px; }
.divPopup.pop_pool_binding .action_area{ background-color:transparent; }
.divPopup.pop_pool_binding .wrap_list.parent{ height:510px; overflow:auto; }
.divPopup.pop_pool_binding .con table.list{ width:100%; }
.divPopup.pop_pool_binding .con th.header{ border-radius:0; }
.divPopup.pop_pool_binding .con th.header .ng-binding{ font-size:11px; }
.divPopup.pop_pool_binding .con .paging{ float:none; margin-bottom:0; }
.divPopup.pop_manage_group{ width:600px; }
.divPopup.pop_manage_group .wrap_list.parent{ max-height:500px;}
.divPopup.pop_manage_group .con table.list{ width:100%; }

/* detail_con : port_schedules */
.port_schedules{ padding:0 10px;  }
.port_schedules .schedule_list{}
.port_schedules .schedule_list .sl_li{ position:relative; background-color:#f3f3f3; border:1px #e9e9e9 solid; padding:15px; margin-bottom:7px; border-radius:5px; }
.port_schedules .schedule_list .sl_li .sl_top{ }
.port_schedules .schedule_list .sl_li .sl_top .tit{ display:inline-block; font-weight:bold; font-size:1em; line-height:1.2em; padding:0 0 0 10px; margin-right:20px; color:#333; }
.port_schedules .schedule_list .sl_li .sl_top .tit input[type=text]{ width:300px; height:20px; line-height:1.4em; font-size:0.9em; }
.port_schedules .schedule_list .sl_li .sl_top .status{ display:inline-block; line-height:1.4em; color:#666; }
.port_schedules .schedule_list .sl_li .sl_top.open{ display:none; }
.port_schedules .schedule_list .sl_li a.btn_arrow{ position:absolute; top:12px; right:42px; display:inline-block; width:19px; height:19px; background:url(../images/common/btn_icon.png) no-repeat 0 -80px; cursor:pointer; }
.port_schedules .schedule_list .sl_li a.btn_arrow.open{ background-position:-19px -80px; }
.port_schedules .schedule_list .sl_li a.btn_del{ position:absolute; top:12px; right:20px; display:inline-block; width:19px; height:19px; background:url(../images/common/btn_icon.png) no-repeat 0 -140px; cursor:pointer; text-indent:-9000px; }

.port_schedules .schedule_list .sl_li .sl_con{ padding:5px 15px; background:#fff; margin-top:10px; display:none; }
.port_schedules .schedule_list .sl_li .sl_con table{ width:100%; }
.port_schedules .schedule_list .sl_li .sl_con table th{ padding:5px 0; }
.port_schedules .schedule_list .sl_li .sl_con table td{ padding:5px 0; }
.port_schedules .divbtn.btn_addSwitch{}
.port_schedules .divbtn.btn_addSwitch>button span.icon{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -24px 0px; }



/* list : tbody 스크롤 */
div.list_scroll{ margin-bottom:5px; }
div.list_scroll .thead{ padding-right: 17px; background-color:#eee; margin-bottom:0; }
div.list_scroll .tbody{ overflow-y:scroll; overflow-x:hidden; background-color:transparent; padding:0; text-align:left; }
div.list_scroll table.list{ width:100%; }



/* detail_con : Asset management */
.asset_management{ padding:0 15px; }
.asset_management .template_list{ width:800px; }
.asset_management .template_list .sl_li{ position:relative; background-color:#f3f3f3; border:1px #e9e9e9 solid; padding:15px; margin-bottom:7px; border-radius:5px; }
.asset_management .template_list .sl_li .sl_top{ }
.asset_management .template_list .sl_li .sl_top .tit{ display:inline-block;  font-weight:bold; font-size:1em; line-height:22px; padding:0 0 0 30px; margin-right:20px; color:#333; }
.asset_management .template_list .sl_li .sl_top .tit input[type=text]{ width:300px; height:20px; line-height:1.4em; font-size:0.9em; }
.asset_management .template_list .sl_li .sl_top .status{ display:inline-block; line-height:1.4em; color:#666; }
.asset_management .template_list .sl_li .sl_top.open{ display:none; }
.asset_management .template_list .sl_li .sl_top.open .tit{ }
.asset_management .template_list .sl_li a.btn_arrow{ position:absolute; top:16px; left:20px; display:inline-block; width:19px; height:19px; background:url(../images/common/btn_icon.png) no-repeat 0 -80px; cursor:pointer; }
.asset_management .template_list .sl_li a.btn_arrow.open{ background-position:-19px -80px; }
.asset_management .template_list .sl_li a.btn_del{ position:absolute; top:16px; right:20px; display:inline-block; width:19px; height:19px; background:url(../images/common/btn_icon.png) no-repeat 0 -140px; cursor:pointer; text-indent:-9000px; }
.asset_management .template_list .sl_li a.btn_clone{ position:absolute; top:16px; right:42px; display:inline-block; width:19px; height:19px; background:url(../images/common/btn_icon.png) no-repeat -50px -140px; cursor:pointer; text-indent:-9000px; }

.asset_management .template_list .sl_li .sl_con{ padding:15px; background:#fff; margin-top:10px; display:none; }
.asset_management .template_list .sl_li .sl_con div.list_scroll .tbody{ max-height:140px; }
.asset_management .template_list .sl_li .sl_con table{ }
.asset_management .template_list .sl_li .sl_con table th{ font-weight:bold; font-size:0.9em; width:auto; text-align:left; padding:2px 7px; border:none; border-right:1px #fff solid; background:#eee; }
.asset_management .template_list .sl_li .sl_con table th:last-child{ border-right:none; }
.asset_management .template_list .sl_li .sl_con table td{ line-height:1.2em; cursor:default; padding:2px 7px; border-right:none; word-break:break-all; }
.asset_management .template_list .sl_li .sl_con h5{ font-size:12px; padding:0 0 0 5px; margin-bottom:8px;}
.asset_management .template_list .sl_li .sl_con .sl_con_inner:first-child{ margin-bottom: 20px;}
.asset_management .divbtn.btn_addSwitch{}
.asset_management .divbtn.btn_addSwitch>button span.icon{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -24px 0px; }

/* detail_con : Asset management - new */
.asset_management{ padding:0; position:relative; min-height:450px; }
.asset_management h4{ background:none !important; padding:0 0 5px 0; font-size:12px; line-height:18px; }
.asset_management .small_print{ padding:0 0 10px 0; color:#999; }
.asset_management .area_left_asset{ position:relative; overflow-y:auto; padding:15px; box-sizing:border-box; margin-right:331px; max-width:900px; }
.asset_management ul.list{ width:100%; max-width:800px; }
.asset_management ul.list .sl_li a.btn_del{ display:inline-block; }
.asset_management ul.list .sl_li .sl_top .tit{ display:block; margin-right:20px; }
.asset_management ul.list .sl_li .sl_top input[type=text]{ width:300px; }
.asset_management ul.list .sl_li .sl_top .network_list{ display:inline-block; font-size:11px; color:#666; line-height:14px; }
.asset_management ul.list .sl_li .sl_top .network_list span{ font-size:1em; color:#3c6ca3; }
.asset_management ul.list .sl_li .sl_con h5{ line-height:16px; padding:5px 0 5px 18px; background:url(../images/common/stit_bullet.png) no-repeat 5px 50%; margin:0; }
.asset_management select{ width:160px; }
.asset_management table.list{ margin-bottom:5px;  }
.asset_management table.list th{ font-weight:bold; font-size:11px; line-height:14px; width:auto; padding:4px 7px; border:none; border-right:1px #fff solid; background:#eee; text-align:left; }
.asset_management table.list th:last-child{ border-right:none; }
.asset_management table.list th a{ font-weight:bold; font-size:11px; line-height:1em; }
.asset_management table.list th button{ background:none; border:0; height:16px; line-height:16px; }
.asset_management table.list td{ line-height:18px; cursor:default; padding:5px 7px; border-right:1px #fff solid; border-bottom:1px #ebebeb solid; text-align:left; }
.asset_management table.list td .asset_icon{ margin-right:10px; }
.asset_management table.list tr:nth-child(2n) td{ background:none; }
.asset_management table.list tr:hover td{ background:none; }
.asset_management table.list tr.invalid td{ background-color:#ffc0cb; }
.asset_management table.list input[type=text]{ width:160px; font-size:12px; line-height:20px; height:22px; box-sizing:border-box; }
.asset_management table.list select{ width:160px; height:22px; }

.asset_management .area_right_asset{ overflow-y:auto; padding:15px; box-sizing:border-box; position:absolute; top:0; right:0; height:100%; border-left:1px #eee dashed; }
.asset_management ul.asset_type_container{ display:flex; flex-wrap:wrap; width:300px; }
.asset_management ul.asset_type_container li.asset_type{ width:50%; box-sizing:border-box; padding:0 5px 5px 0; }
.asset_management ul.asset_type_container li.asset_type:nth-child(2n){ padding-right:0; }
.asset_management ul.asset_type_container li.asset_type .inner{ border:1px #ddd solid; box-sizing:border-box; padding:30px 50px 10px 10px; position:relative; }
.asset_management ul.asset_type_container li.asset_type:hover .inner{ background-color:#f9f9f9; }
.asset_management ul.asset_type_container li.asset_type .type_label{ position:absolute; top:5px; left:10px; color:#bbb; font-size:10px; }
.asset_management ul.asset_type_container li.asset_type .type_label::before{ content:'Type '; }
.asset_management ul.asset_type_container li.asset_type .asset_type_icon{ position:absolute; top:30px; right:15px; }
.asset_management ul.asset_type_container li.asset_type .type_name{ font-size:12px; line-height:18px;  font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.asset_management ul.asset_type_container li.asset_type .type_category{ font-size:11px; color:#666; line-height:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.asset_management ul.asset_type_container li.asset_type .type_category::before{ /*content:'Category: '; */}
.asset_management ul.asset_type_container li.asset_type .divbtn{ position:absolute; top:4px; right:8px; display:none; padding:0; text-align: inherit; }
.asset_management ul.asset_type_container li.asset_type:hover .divbtn{ display:block; }
.asset_management ul.asset_type_container li.asset_type button{ display:inline-block; border:0; padding:0 2px; background:none; opacity:.7; min-width:auto; height:18px; line-height:18px; }
.asset_management ul.asset_type_container li.asset_type button span.icon{ margin-right:0; }
.asset_management ul.asset_type_container li.asset_type button:hover{ opacity:1; }
.asset_management ul.asset_type_container li.asset_type.add_asset_type .inner{ padding:23px 0; text-align:center; cursor:pointer; background-color:#efefef;}
.asset_management ul.asset_type_container li.asset_type.add_asset_type .icon{ display: inline-block; width:21px; height:21px; background: url(../../resources/images/common/btn_icon.png) -420px 0; opacity:0.6; }
.asset_management ul.asset_type_container li.asset_type.add_asset_type:hover .icon{ opacity:1; }

.asset_type_icon{ display:inline-block; width:26px; height:26px; background: url(../images/common/btn_icon.png) no-repeat; vertical-align:middle; }
.asset_type_icon.pc{ background-position:-396px -90px; }
.asset_type_icon.voip{ background-position:-432px -90px; }
.asset_type_icon.switch{ background-position:-468px -90px; }
.asset_type_icon.printer{ background-position:-396px -126px; }
.asset_type_icon.server{ background-position:-432px -126px; } 
.asset_type_icon.router{ background-position:-468px -126px; }
.asset_type_icon.ap{ background-position:-396px -162px; }
.asset_type_icon.pos{ background-position:-432px -162px; }
.asset_type_icon.etc{ background-position:-468px -162px; }

.pop_template_setting .template_con ul.list .sl_li .asset_management .area_left_asset{ padding:0; }
.pop_template_setting .template_con ul.list .sl_li .asset_management .area_right_asset{ padding:0; padding-left:15px; }

.divPopup .con.asset_management table.list{ width:100%; }

/* detail_con : Vlan & IP setting */
.vlan_ip_setting{ padding:0 10px; }
.vlan_ip_setting .action_area{  }
.action_area .test_time{ float:left; vertical-align:middle; margin-right:3px; padding-left:10px; line-height:24px; }
.action_area .test_time select{ width:60px; }
.action_area div.divbtn button.test{}
.action_area div.divbtn button.set_copy span.icon{ background-position:-36px 0; }
.action_area div.divbtn button.test span.icon{ background-position:-216px -12px; }
.vlan_ip_setting .list{ }
.vlan_ip_setting .list .sl_li{ position:relative; background-color:#f3f3f3; border:1px #e9e9e9 solid; padding:15px; margin-bottom:7px; border-radius:5px;}
.vlan_ip_setting .list .sl_li .sl_top{ }
.vlan_ip_setting .list .sl_li .sl_top .tit{ display:inline-block;  font-weight:bold; font-size:1em; margin-right:20px; color:#333; }
.vlan_ip_setting .list .sl_li .sl_top .tit input[type=text]{ width:300px; height:20px; line-height:1.4em; font-size:0.9em; }
.vlan_ip_setting .list .sl_li .sl_top .icon{ display:inline-block; text-align:center; border-radius:2px; font-size:1.0em; line-height:1.2em; color:#333; margin-right:20px; border:1px #9bcd61 solid; vertical-align:middle; }
.vlan_ip_setting .list .sl_li .sl_top .icon.testing{ width:50px; height:16px; background:url(../images/common/icon_testing.gif) no-repeat bottom; border:none; font-size:10px; }
.vlan_ip_setting .list .sl_li .sl_top .icon.not_testing{  background-color:#ddd; border-color:#bbb; }
.vlan_ip_setting .list .sl_li .sl_top a.set_ip_address{ display:inline-block; line-height:1.4em; }
.vlan_ip_setting .list .sl_li .sl_top.open{ display:none; }
.vlan_ip_setting .list .sl_li .sl_top.open .tit{ padding:0; }

.vlan_ip_setting .list .sl_li .sl_con{ padding:15px; background:#fff; margin-top:10px; display:none; }
.vlan_ip_setting .list .sl_li .sl_con .btnset{ margin-bottom:5px; }
.vlan_ip_setting .list .sl_li .sl_con div.list_scroll{ }
.vlan_ip_setting .list .sl_li .sl_con .parent{ max-height: 180px; }
.vlan_ip_setting .list .sl_li .sl_con .fixTable {}
.vlan_ip_setting .list .sl_li .sl_con table{ min-width:100%; width:auto; }
.vlan_ip_setting .list .sl_li .sl_con table th{ }
.vlan_ip_setting .list .sl_li .sl_con table th:first-child, .vlan_ip_setting .list .sl_li .sl_con table td:first-child{ min-width:140px; }
.vlan_ip_setting .list .sl_li .sl_con table th label{ display:block; }
.vlan_ip_setting .list .sl_li .sl_con table th input[type=checkbox]{ }
.vlan_ip_setting .list .sl_li .sl_con table td{ min-width:40px;}

.vlan_ip_setting .legend{ float:right; }
.vlan_ip_setting .legend ul li{ width:auto; }
.vlan_ip_setting .legend ul li span{ text-align:center; background-color:#fff; font-size:10px; line-height:12px; font-weight:bold; }
.vlan_ip_setting .legend ul li.u_pvid>span{ color:#4e96d8; border:1px #4e96d8 solid; }
.vlan_ip_setting .legend ul li.u_vid>span{ color:#7977c2; border:1px #7977c2 solid; }
.vlan_ip_setting .legend ul li.t_pvid>span{ color:#01b07b; border:1px #01b07b solid; }
.vlan_ip_setting .legend ul li.t_vid>span{ color:#adadad; border:1px #adadad solid; }

span.vlan_status{ display:inline-block; width:12px; height:12px; vertical-align:middle; overflow:hidden; text-align:center; background-color:#fff; font-size:10px; line-height:12px; font-weight:bold; }
span.vlan_status.u_pvid{ color:#4e96d8; border:1px #4e96d8 solid; }
span.vlan_status.u_vid{ color:#7977c2; border:1px #7977c2 solid; }
span.vlan_status.t_pvid{ color:#01b07b; border:1px #01b07b solid; }
span.vlan_status.t_vid{ color:#999; border:1px #999 solid; }

/* ul.list */
ul.list{  }
ul.list .sl_li{ position:relative; background-color:#f3f3f3; border:1px #e9e9e9 solid; padding:15px; margin-bottom:7px; border-radius:5px; min-height:22px; }
ul.list .sl_li.modified{ border:1px #bbb dashed; background-color: #eaedf2; }
ul.list .sl_li .sl_top{ padding:0 0 0 30px; }
ul.list .sl_li .sl_top .tit{ padding:0; line-height:22px; font-weight:bold; }
ul.list .sl_li .sl_top.open{ display:none; }
ul.list .sl_li .sl_top .status{ display:inline-block; line-height:1.4em; color:#666; }
ul.list .sl_li a.btn_arrow{ position:absolute; top:16px; left:20px; display:inline-block; width:19px; height:19px; background:url(../images/common/btn_icon.png) no-repeat 0 -80px; cursor:pointer; }
ul.list .sl_li a.btn_arrow.open{ background-position:-19px -80px; }
ul.list .sl_li a.btn_del{ position:absolute; top:20px; right:20px; display:none; width:12px; height:12px; background:url(../images/common/btn_icon.png) no-repeat -96px 0; cursor:pointer; text-indent:-9000px; opacity:0.6; }
ul.list .sl_li a.btn_clone{ position:absolute; top:20px; right:42px; display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png) no-repeat -36px 0;; cursor:pointer; text-indent:-9000px; opacity:0.6; }
ul.list .sl_li a.btn_del:hover{ opacity:1; }
ul.list .sl_li a.btn_clone:hover{ opacity:1; }
ul.list .sl_li .sl_con{ padding:15px; background:#fff; margin-top:10px; display:none; }
ul.list .sl_li .sl_con table{ min-width:100%; width:auto;  }
ul.list .sl_li .sl_con table th{ font-weight:bold; font-size:11px; line-height:14px; width:auto; text-align:left; padding:4px 7px; border:none; border-right:1px #fff solid; background:#eee; }
ul.list .sl_li .sl_con table th:last-child{ border-right:none; }
ul.list .sl_li .sl_con table td{ line-height:24px; cursor:default; padding:4px 7px; border-right:none; border-bottom:1px #ebebeb solid; }
ul.list .sl_li .sl_con h5{ font-size:12px; padding:0 0 0 5px; margin-bottom:8px; }
ul.list .sl_li .sl_con .sl_con_inner{ margin-bottom: 20px; }
ul.list .text_size{ font-size:11px; color:#999; letter-spacing:-1px; padding:0 2px; }
ul.list .text_size em{ font-size:1em; color:#666; font-weight:bold; font-style:normal; }

/* switch_setting */
.switch_settings.vertical_split_view{ overflow-x: hidden; }
.switch_settings.vertical_split_view .area_left{ /*width:300px;*/ }
.switch_settings.vertical_split_view .area_left .search input[type=text]{ /*width:257px; */ }
.switch_settings.vertical_split_view .area_left .switch_list .parent{ width:auto; max-height:initial; }
.switch_settings.vertical_split_view .area_right{ /*margin-left:300px; */ overflow:auto; }
.switch_settings.vertical_split_view .area_right .tabs{ width:1100px; }
.switch_settings.vertical_split_view .area_right table.view{ margin-bottom:0; }
.switch_settings.vertical_split_view .area_right table.view>tbody>tr>th{ min-width:140px; vertical-align:top; line-height:24px; }
.switch_settings.vertical_split_view .area_right table.view>tbody>tr>td{ line-height:24px; }
.switch_settings.vertical_split_view .area_right table.view>tbody>tr>td p{ line-height:24px; }
.switch_settings.vertical_split_view .area_right table.view .parent{ width:100%; }
.switch_settings.vertical_split_view .area_right table.view table.list{ margin-bottom:0; /*width:100%;*/ }
.switch_settings.vertical_split_view .area_right table.view table.list tr th{ width:auto; }
.switch_settings.vertical_split_view .area_right .detail_row{margin-bottom:20px; float:none; width:1100px; }
/*.switch_settings.vertical_split_view .area_right .detail_row:nth-last-child(2){ border-bottom:0; }*/
.switch_settings.vertical_split_view .area_right .detail_row:last-child{ border-bottom:0; margin-bottom:0; }
.switch_settings.vertical_split_view .area_right .detail_row .detail_row_tit{ margin-bottom:5px; }
.switch_settings.vertical_split_view .area_right .detail_row .detail_row_tit h4{ display:inline-block; vertical-align:middle; }
.switch_settings.vertical_split_view .area_right .detail_row .parent{ float:none; }

.switch_settings .area_right .detail_row .detail_setting{}
.switch_settings .area_right .detail_row .detail_setting dl{ display:inline-block; width:100%; }
.switch_settings .area_right .detail_row .detail_setting dl dt{ display:inline-block; width:12%; font-size:11px; padding:0 0 4px 4px; text-align:right; /*font-weight:bold;*/ box-sizing:border-box; }
.switch_settings .area_right .detail_row .detail_setting dl dd{ display:inline-block; width:auto; min-height:24px; padding:0 0 4px 4px; line-height:24px; box-sizing:border-box;  }
.switch_settings .area_right .detail_row .detail_setting dl dd input[type=text]{ width:60px; }
.switch_settings .area_right .detail_row .detail_setting dl dd span.port{ font-size:11px; padding-left:10px; }
.switch_settings .area_right .detail_row .detail_setting dl dd span.small_print{ padding-left:5px; color:#999; }

.switch_settings .area_right .switch_settings_con{ display:none; }
.switch_settings .area_right .switch_settings_con.default{ display:block; }
.switch_settings .area_right .switch_settings_con.igmp_snooping .detail_row .detail_setting dl dt{ width:20%; }
.switch_settings .area_right .switch_settings_con.igmp_snooping .detail_row table.view table.list{ width:100%; }

.switch_settings .area_right table.view .small_print{ display:inline-block; }
.switch_settings .area_right .divbtnset{ width:1100px; }

.switch_settings .area_right .tabs{  }
.switch_settings .area_right .tabs ul li a{ /* min-width:auto; padding:2px 15px;*/ }
.switch_settings .area_right .tabs ul li:not(:last-child){/* margin-right:5px !important; */}
.switch_settings.vertical_split_view .area_right .action_area{ padding:0 0 6px 0; }
.switch_settings.vertical_split_view .area_right .action_area .left{ padding:0; }
.switch_settings.vertical_split_view .area_right .action_area .right{ background:transparent; }

/* switch_ports */
.switch_ports.vertical_split_view .area_left{}
.switch_ports.vertical_split_view .area_left .search input[type=text]{ }
.switch_ports.vertical_split_view .area_left .switch_list .parent{ width:auto; max-height:initial; }
.switch_ports.vertical_split_view .area_left .divbtn.s_btn{ float:left; padding:5px 0; margin:0; }
.switch_ports.vertical_split_view .area_left .divbtn.s_btn>button.btn_download span.icon{ background-position:-204px -24px; }
.switch_ports.vertical_split_view .area_left .cnt{ float:right; }
.switch_ports.vertical_split_view .area_right{ overflow:auto; }
.switch_ports.vertical_split_view .area_right .tabs{ margin-bottom:0; }
.switch_ports.vertical_split_view .area_right .switch_ports_con{ display:none; }
.switch_ports.vertical_split_view .area_right .switch_ports_con.default{ display:block; }
.switch_ports.vertical_split_view .area_right .action_area .left{ padding:0; }
.switch_ports.vertical_split_view .area_right .action_area .right{ background:transparent; }
.switch_ports .area_right .switch_tit .model{ color:#666; font-size:14px; vertical-align:middle; }
.switch_ports .area_right .switch_tit .model::before{ content:''; vertical-align:middle; width:1px; height:12px; background-color:#ccc; display:inline-block; margin: 0 10px 0 0; }

/* alarm_condition_settings */
.alarm_condition_settings{ padding:10px; }
.alarm_condition_settings ul.list{ max-width:1020px; }
.alarm_condition_settings ul.list .sl_li .sl_top{ overflow:hidden; }
.alarm_condition_settings ul.list .sl_li .sl_top .tit{ display:inline-block; font-weight:bold; font-size:1em; line-height:22px; margin-right:20px; color:#333; }
.alarm_condition_settings ul.list .sl_li .sl_top .status{ display:inline-block; line-height:1.4em; color:#666; margin-right:15px; }
.alarm_condition_settings ul.list .sl_li .sl_top input[type=text]{ width:300px; }
.alarm_condition_settings ul.list .sl_li a.btn_del{ display:block; }
.alarm_condition_settings ul.list .sl_li span.small_print{ display:inline-block; font-size:11px; line-height:19px; color:#999; position:absolute; top:16px; right:50px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view{ margin-bottom:0; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view th{ border:none; background:#f3f3f3; border-bottom:1px #ebebeb solid; text-align: right; width:120px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view th>button{ width:18px; height: 18px; border-radius:10px; background: none; background-color:#bbb; text-align:center; border:0; margin-left:5px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view th>button.siren span.icon{ background-position: -312px -116px; margin-right:0; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view th>button.selected{ background-color:#e83100; opacity:1; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td{ border-bottom:1px #ebebeb solid; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul{}
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li{ display: inline-block; font-size:11px; line-height:18px; padding:3px 0; vertical-align:middle; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li:first-child{ width:150px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li:nth-of-type(2){ width:80px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li:last-child{ color:#666; width:570px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td button{ border:0; background: none; opacity: 0.5; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td button span.icon{}
.alarm_condition_settings ul.list .sl_li .sl_con table.view td button:hover{ opacity:0.8; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td button.selected{ opacity:1; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li>button{ width:18px; height: 18px; border-radius:10px; background-color:#ddd; text-align:center; margin-right:15px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li>button .icon{ margin-right:0; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li>button.selected{ background-color:#444;  }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li>button.email span.icon{ background-position: -252px -116px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li>button.alarm_sound span.icon{ background-position: -276px -116px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li>button.selected.email span.icon{ background-position: -264px -116px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td ul li>button.selected.alarm_sound span.icon{ background-position: -288px -116px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td label{ margin-right:10px; font-size:11px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td label input[type=checkbox]{ margin-right:3px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td label.selected button{ opacity:1; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td label button span.icon{ width:15px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td label button.email span.icon{ background-position: -252px -104px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td label button.alarm_sound span.icon{ background-position: -288px -104px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td label.selected button.email span.icon{ background-position: -267px -104px; }
.alarm_condition_settings ul.list .sl_li .sl_con table.view td label.selected button.alarm_sound span.icon{ background-position: -303px -104px; }
.alarm_condition_settings ul.list .sl_li .sl_con input[type=text]{ width:500px; }
.alarm_condition_settings ul.list .sl_li .sl_con h5{ font-size: 12px; line-height: 16px; font-weight: bold; padding: 5px 0 5px 18px; background: url(../images/common/stit_bullet.png) no-repeat 5px 50%; margin:0; }
.alarm_condition_settings ul.list .sl_li .sl_con .sl_con_inner{  }

/* firmware_management */
.firmware_management{ padding:10px; }
.firmware_management ul.list{ max-width:800px; }
.firmware_management ul.list .sl_li.modified{ border:1px #bbb dashed; background-color: #eaedf2; }
.firmware_management ul.list .sl_li .sl_top{ overflow:hidden; }
.firmware_management ul.list .sl_li .sl_top .tit{ display:inline-block; font-weight:bold; font-size:13px; line-height:22px; margin-right:20px; color:#333; }
.firmware_management ul.list .sl_li .sl_top .status{ display:inline-block; line-height:1.4em; color:#666; margin-right:15px; font-size:11px; }
.firmware_management ul.list .sl_li .sl_top .status{ font-size:1em; }
.firmware_management ul.list .sl_li .sl_top input[type=text]{ width:300px; }
.firmware_management ul.list .sl_li .sl_top .firmware_list{ font-size:11px; color:#999; line-height:14px; }
.firmware_management ul.list .sl_li .sl_top.open .firmware_list{ display:none; }
.firmware_management ul.list .sl_li a.btn_del{ display:block; }

.firmware_management ul.list .sl_li .sl_con ul.firmware_list{}
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li{ border:1px #ddd dashed; background-color:#fcfcfc; border-radius:5px; padding:8px 10px; box-sizing:border-box; margin-bottom:5px; position:relative; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .upload_file{ display:inline-block; margin-bottom:5px; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .switch_model_action_area{ display:inline-block; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .switch_model_action_area button.select_all{ vertical-align:middle; height:18px; line-height:18px; border:none; background:none; font-size:11px; padding-right:10px; font-weight:normal; text-decoration:none; color:#333; opacity:0.8; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .switch_model_action_area button.select_all span.icon{ background-position:-156px -36px; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .switch_model_action_area button.select_all:hover{ opacity:1; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .switch_model_action_area .cnt{ color:#666; font-size:11px; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .switch_model_action_area .num{ font-size:11px; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .chosen-container{}
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .chosen-container .chosen-container-multi .chosen-choices{ padding:0 30px 0 5px; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .chosen-container .cnt{ position:absolute; top:6px; right:8px; background-color:#2162ae; color:#fff; font-size:11px; min-width:16px; height:16px; line-height:12px; text-align:center; border-radius:2px; padding: 2px 4px;}
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .chosen-container .action_area{ background-color:#f3f3f3; border-bottom:1px #e9e9e9 solid; min-height:18px; padding:2px 5px; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .chosen-container .action_area button.select_all{ vertical-align:middle; height:18px; line-height:18px; border:none; background:none; font-size:11px; padding-right:10px; font-weight:normal; text-decoration:none; color:#333; opacity:0.8; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .chosen-container .action_area button.select_all span.icon{ background-position:-156px -36px; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li .chosen-container .action_area button.select_all:hover{ opacity:1; }
.firmware_management ul.list .sl_li .sl_con ul.firmware_list>li a.btn_del{ top:10px; right:10px; }
.firmware_management ul.list .sl_li .sl_con input[type=text]{ width:500px; }
.firmware_management ul.list .sl_li .sl_con h5{ font-size: 12px; line-height: 16px; font-weight: bold; padding: 5px 0 5px 18px; background: url(../images/common/stit_bullet.png) no-repeat 5px 50%; margin:0; }
.firmware_management ul.list .sl_li .sl_con .sl_con_inner{  }

/* retention_period_setting */
.retention_period_setting{ padding:0 10px; }
.retention_period_setting .batch{ padding:15px 25px; }
.retention_period_setting .batch span.icon{ display: inline-block; width:20px; height: 28px; margin-right: 10px; background: url(../images/common/btn_icon.png) no-repeat -20px -105px; vertical-align: middle; }
.retention_period_setting .batch select{ width:110px; }
.retention_period_setting .setting_list{ width:700px; }
.retention_period_setting .setting_list .sl_li{ position:relative; background-color:#f3f3f3; border:1px #e9e9e9 solid; padding:15px; margin-bottom:7px; border-radius:5px; }
.retention_period_setting .setting_list .sl_li .sl_top{ }
.retention_period_setting .setting_list .sl_li .sl_top .tit{ display:inline-block; width:180px; font-weight:bold; font-size:1em; line-height:22px; padding:0 0 0 30px; margin-right:20px; color:#333; }
.retention_period_setting .setting_list .sl_li .sl_top .status{ display:inline-block;  line-height:1.4em; color:#666; }
.retention_period_setting .setting_list .sl_li .sl_top .status select{ width:110px; }
.retention_period_setting .setting_list .sl_li a.btn_arrow{ position:absolute; top:16px; left:20px; display:inline-block; width:19px; height:19px; background:url(../images/common/btn_icon.png) no-repeat 0 -80px; cursor:pointer; }
.retention_period_setting .setting_list .sl_li a.btn_arrow.open{ background-position:-19px -80px; }

.retention_period_setting .setting_list .sl_li .sl_con{ padding:15px; background:#fff; margin-top:10px; /*display:none;*/ }
.retention_period_setting .setting_list .sl_li .sl_con ul li.sdl_li{ position:relative; padding:7px 5px; border-bottom:1px #eee dashed; }
.retention_period_setting .setting_list .sl_li .sl_con ul li.sdl_li:last-child{ border-bottom:0; }
.retention_period_setting .setting_list .sl_li .sl_con .tit{ display:inline-block; width:190px; font-weight:normal; font-size:1em; line-height:1.2em;margin-right:20px; color:#333; }
.retention_period_setting .setting_list .sl_li .sl_con .status{ display:inline-block; line-height:1.4em; color:#666; }
.retention_period_setting .setting_list .sl_li .sl_con .status select{ width:110px; }

/* topology_area */
.topology_area{ width:100%; height:100%; padding-bottom:30px; position:relative; }
.topology_area .action_area{ background-color: transparent; }
.topology_area .action_area .right{ background-color:transparent; }
.topology_area .action_area .right ul.topology_option{}
.topology_area .action_area .right ul.topology_option li{ display:inline-block; padding:2px 5px; line-height:20px; font-size:11px; }
.topology_area .action_area .right ul.topology_option li span.icon_enabled{ margin-left:2px; margin-top:-1px;}
.topology_area .legend{ position:absolute; bottom:0; right:0; }
.topology_area .legend li{ display: inline-block; color:#666; font-size:11px; margin:5px; }
.topology_area .legend li span{ display:inline-block; width:10px; height:2px; line-height:1em; vertical-align:middle; margin-top:-1px; }
.topology_area .legend li.normal_status span{ background-color:#83cc33; }
.topology_area .legend li.txbps_usage1 span{ background-color:#3c9f00; }
.topology_area .legend li.txbps_usage2 span{ background-color:#147400; }
.topology_area .legend li.txbps_usage3 span{ background-color:#000a00; }
.topology_area .legend li.stp_port_block span{ background-color:#ff6900; }
.topology_area #svg{ width:100%; height:730px; }
.topology_area rect{ stroke:#ccc; fill:none; stroke-width:1; height:100%; width:100%; }
.topology_area text{ font-size:10px; fill:#444; }
.topology_area textPath{ font-size:10px; fill:#999; }

/*
.asset_icon{ display:inline-block; width:36px; height:36px; background: url(../images/common/btn_icon.png) no-repeat;vertical-align:middle; }
.asset_icon.pc{ background-position:-390px -84px; }
.asset_icon.voip{ backg round-position:-426px -84px; }
.asset_icon.switch{ background-position:-462px -84px; }
.asset_icon.printer{ background-position:-390px -120px;  }
.asset_icon.server{ background-position:-426px -120px; } 
.asset_icon.router{ background-position:-462px -120px; }
.asset_icon.ap{ background-position:-390px -156px; }
.asset_icon.pos{ background-position:-426px -156px; }
.asset_icon.etc{ background-position:-462px -156px; }
*/


.asset_icon{ display:inline-block; width:24px; height:24px; background: url(../images/common/btn_icon.png) no-repeat; background-size:400px 400px; vertical-align:middle; }
.asset_icon.pc{ background-position:-260px -56px; }
.asset_icon.voip{ background-position:-284px -56px; }
.asset_icon.switch{ background-position:-308px -56px; }
.asset_icon.printer{ background-position:-260px -80px;  }
.asset_icon.server{ background-position:-284px -80px; }
.asset_icon.router{ background-position:-308px -80px; }
.asset_icon.ap{ background-position:-260px -104px; }
.asset_icon.pos{ background-position:-284px -104px; }
.asset_icon.etc{ background-position:-308px -104px; }


/* No Data */
.no_data{ padding:10px 0; }
.no_data_content{ height:100%; display:flex; flex-flow:column; justify-content:center; }
.no_data_content span{ display:block; margin:0 auto; }
.no_data_content span.icon{ width:30px; height:30px; background:url(../images/common/btn_icon.png) no-repeat 0 -360px; margin-bottom:5px; }
.no_data_content span.text{ color:#bbb; font-size:11px; letter-spacing:0; line-height:1em; text-align:center; }

.no_data_v2{ padding:20px 0; }
.no_data_v2::before{ content:''; display:block; background-color:#ddd; border-radius:50%; box-sizing:border-box; padding:17px; margin:0 auto 10px auto; width:50px; height:50px; background:url(../images/common/btn_icon.png) no-repeat -0 -400px; }
.no_data_v2>span.tit_nd{ display:block; text-align:center; margin:0 auto; color:#333; font-size:13px; line-height:20px; }
.no_data_v2>span.text_nd{ display:block; text-align:center; margin:0 auto; color:#999; line-height:20px; }

.area_right .no_data_v2::before{ display:none; }

/* NDM Summary */
.ndm_summary{ width:1050px; }
.ndm_summary table.list th{ font-weight:bold; font-size:0.9em; width:auto; text-align:left; padding:5px 7px; border:none; border-right:1px #fff solid; background:#eee; }
.ndm_summary table.list td{ line-height:1.2em; cursor:default; padding:5px 7px; border-right:none; }
.ndm_summary table.list tfoot td{ background-color:#d4d4d4; border:none; font-weight:bold; }
.ndm_summary .hosts{ overflow:hidden; position:relative; min-height:240px; }
.ndm_summary .hosts .graph{ width:180px; height:180px; position:absolute; top:0; left:0; }
.ndm_summary .hosts .no_data{ width:180px; height:180px; position:absolute; top:0; left:0; }
.ndm_summary .hosts table.list{ float:left; margin-left:200px; box-sizing:border-box; width:850px; }
.ndm_summary .hosts table.list th span.icon{ float:left; width:10px; height:10px; margin-right:5px; display:block; vertical-align:middle; }
.ndm_summary .hosts table.list th.online span.icon{ background-color:#9fb907; }
.ndm_summary .hosts table.list th.offline span.icon{ background-color:#bbb; }
.ndm_summary .hosts table.list th.block span.icon{ background-color:#f47053; }
.ndm_summary table.list .asset_icon{ margin-right:10px; display:block; }
.ndm_summary div.list_scroll .tbody{ max-height:140px; }


/* NDM Policy */
.ndm_policy{}
.ndm_policy .tit_header h4{ }
.ndm_policy .tit_header span.network_type{ display:inline-block; color:#666; font-size:10px; line-height:16px; vertical-align:middle; padding:3px; margin:0 2px; border-radius:50%; }
.ndm_policy .tit_header span.network_type::before{ display:block; float:left; content:''; vertical-align: middle; width:16px; height:16px; background: url(../images/common/icons.png) 0 -178px; margin:0; }
.ndm_policy .tit_header span.network_type.switch{ background-color:#dee8f4; }
.ndm_policy .tit_header span.network_type.ap{ background-color:#d4ecec; }
.ndm_policy .tit_header span.network_type.ap::before{ background-position:0 -194px;}
.ndm_policy2 .tit_header span.network_type{ padding:0 5px; border-radius:2px; }
.ndm_policy2 .tit_header span.network_type::before{ display:none; }
.ndm_policy3 .tit_header span.network_type{ color:#777; margin:0; font-size:11px; }
.ndm_policy3 .tit_header span.network_type::before{ content:''; vertical-align:middle; width:1px; height:10px; background:#ccc; display:inline-block; margin: 0 8px 0 0; float:none; }
.ndm_policy .parent{ max-height:187px; width:fit-content; }
.ndm_policy .parent table.list{ min-width:340px; }
.ndm_policy .divsearch{ margin-bottom:5px; }
.ndm_policy .divsearch input[type=text]{ width:160px; }
.ndm_policy .notice{ font-size:11px; color:#dd1e31; display:block; }
.ndm_policy .indent{ overflow:hidden; padding-left:16px; margin-bottom:5px; }
.ndm_policy .indent2{  display:inline-block; overflow:hidden; vertical-align:middle; padding-left:20px; }
.ndm_policy .indent2.disabled{ opacity:0.6; }
.ndm_policy table.view{ margin-bottom:15px; }
.ndm_policy table.view.noline{}
.ndm_policy table.view.noline>tbody>tr>th{ padding-bottom:10px; width:120px; }
.ndm_policy table.view.noline>tbody>tr>td{ padding-bottom:10px; }
.ndm_policy table.view label{ padding-right:10px; }
.ndm_policy table.view td.disabled{ position:relative; }
.ndm_policy table.view td.disabled::before{ position:absolute; top:0; right:0; bottom:0; left:-124px; content:''; background:#fff; opacity:0.6; z-index:10; }

.voice_vlan_port_settings h4{ float:left; }

/* acl_settings */
.acl_settings.detail_area{ }
.acl_settings .area_left .divbtnset button.primary span.icon{ background-position:-360px -12px; margin-top:-1px; }
.acl_settings .area_right{ height:100%; padding:20px; margin-left:260px; position:relative; box-sizing:border-box; }
.acl_settings .area_right .switch_tit{ float:left; }
.acl_settings .area_right .divbtn{ float:left; }
.acl_settings .area_right .divbtn button{ font-weight: bold; }
.acl_settings .area_right .detail_row .parent{ float:left; max-height:312px; }
.acl_settings .area_right table.list{ width:auto; min-width:240px; margin-bottom:5px; }
.acl_settings .area_right table.list th{ font-weight:bold; font-size:0.9em; line-height:16px; width:auto; padding:4px 7px; border:none; border-right:1px #fff solid; background:#eee; text-align:left; }
.acl_settings .area_right table.list th:last-child{ border-right:none; }
.acl_settings .area_right table.list th a{ font-weight:bold; font-size:0.9em; line-height:1em; }
.acl_settings .area_right table.list th button{ background:none; border:0; height:16px; line-height:16px; }
.acl_settings .area_right table.list td{ line-height:18px; cursor:default; padding:3px 7px; border-right:1px #fff solid; border-bottom:1px #ebebeb solid; text-align:left; }
.acl_settings .area_right table.list tr:nth-child(2n) td{ background:none; }
.acl_settings .area_right table.list tr:hover td{ background:none; }
.acl_settings .area_right table.list tr.invalid td{ background-color:#ffc0cb; }
.acl_settings .area_right table.list .drop_down.clone_row{ float: none; display:inline-block; vertical-align:middle; }
.acl_settings .area_right table.list .drop_down.clone_row>button{ display:inline-block; min-height:20px; height:20px; padding:0 3px; background:none; border:0; }
.acl_settings .area_right table.list .drop_down.clone_row>button .icon{ display:inline-block; width:12px; height:12px; line-height:1em; font-size:0; background:url(../images/common/btn_icon.png) no-repeat -84px -124px; margin-right:0; text-indent:-9999px; font-weight:normal; vertical-align:middle; text-align:left; overflow:hidden; }
.acl_settings .area_right table.list .drop_down.clone_row>.layer_st{ padding:9px; text-align:center; }
.acl_settings .area_right table.list .drop_down.clone_row>.layer_st input[type=number]{ width:50px; margin-bottom:5px; }
.acl_settings .area_right table.list button.ok{ opacity:1; }
.acl_settings .area_right table.list ul li{ line-height:20px; }
.acl_settings .area_right table.list ul li a{ font-size:11px; text-decoration:none; color:#333; cursor:default; }
.acl_settings .area_right table.list textarea{ box-sizing: border-box; padding:0 2px; }
.acl_settings .area_right table.list .comment{ font-size: 11px; max-width:120px;  line-height:18px;  height:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.acl_settings .area_right table.list .addr_detail_more{ vertical-align:bottom; }
.acl_settings .area_right .detail_row.queue_schedule_mode label{ padding:0 16px 0 0; }
.acl_settings .area_right .detail_row.queue_schedule_mode table.list th{ background-color:transparent; padding:0 2px; font-weight:normal; }
.acl_settings .area_right .detail_row.queue_schedule_mode table.list input[type=number]{ width:30px; }
.acl_settings .area_right .detail_row.queue_schedule_mode table.list tbody th{ background-color:transparent; width:50px; }
.acl_settings .area_right .detail_row.queue_schedule_mode table.list tbody td{ border-bottom:0; padding:2px; }
.acl_settings .area_right button.import_acl span.icon{ background-position:-144px -12px; }
.acl_settings .area_right button.copy_acl span.icon{ background-position:-36px 0; }
.acl_settings .area_right .s_btn{ position:absolute; }
.acl_settings .area_right .s_btn.top{ top:0; right:0; }
.acl_settings .area_right .s_btn.bottom{ bottom:0; right:0; display:none; }
.acl_settings .area_right .s_btn button{ font-size:11px !important; }
.acl_settings .area_right .detail_row.excess{ padding-bottom:30px; }
.acl_settings .area_right .detail_row.excess .s_btn.bottom{ display:block; }
.acl_settings .area_right button.btn_setting{ font-size:11px; }

/* l3_settings : 이전 버전 */
.l3_settings{ padding:0 10px; }
.l3_settings ul.list .sl_li .sl_con ul{}
.l3_settings ul.list .sl_li .sl_con ul li.sdl_li{ position:relative; padding:10px 0; border-bottom:1px #eee dashed; }
.l3_settings ul.list .sl_li .sl_con ul li.sdl_li:last-child{ border-bottom:0; }
.l3_settings ul.list .sl_li .sl_con ul li.sdl_li .sdl_top{ padding:0 0 0 20px; }
.l3_settings ul.list .sl_li .sl_con ul li.sdl_li .sdl_top .tit{ font-size:12px; padding:0 0 0 5px; margin-bottom:8px;  background:none; }
.l3_settings ul.list .sl_li .sl_con ul li.sdl_li .sdl_top .tit input[type=radio]{ line-height:1.4em; vertical-align:middle; }
.l3_settings ul.list .sl_li .sl_con ul li.sdl_li .sdl_top .status{ display:inline-block; line-height:1.4em; color:#666; }
.l3_settings ul.list .sl_li .sl_con ul li.sdl_li .sdl_top .status label{ padding:0 30px 0 0; color:#666; }
.l3_settings ul.list .sl_li .sl_con ul li.sdl_li a.btn_arrow{ position:absolute; top:7px; left:0; }
.l3_settings ul.list .sl_li .sl_con ul li.sdl_li .sdl_con{  line-height:1.7em; color:#666; display:none; }
.l3_settings ul.list .sl_li .sl_con .parent{ /*max-height: 170px;*/ }


/* l3_settings */
.l3_settings.detail_area{ position: relative; padding:0; overflow-x:auto; }
.l3_settings .area_left{  position:absolute; top:0; left:0; width:260px; height:100%; box-sizing:border-box; border-right:1px #ddd solid; background-color:#f3f3f3;  }
.l3_settings .area_left .tit{ margin-bottom:5px; display:block;  font-size:14px; font-weight: bold; height:22px; line-height: 22px; padding:15px 0 0 10px; }
.l3_settings .area_left .tit .icon{ display: inline-block; width:22px; height:22px; background:url(../../resources/images/common/btn_icon.png) no-repeat -324px -60px; margin-top:-1px; margin-right:5px; vertical-align:middle; }
.l3_settings .area_left .switch_list{ margin-bottom:10px; padding:0 10px; clear:both; overflow:hidden; }
.l3_settings .area_left .switch_list .parent{ height:360px; border:1px #ccc solid;  background-color:#fff; }
.l3_settings .area_left .switch_list table.list{ }
.l3_settings .area_left .switch_list table.list tr:last-child td{ border-bottom:0; }
.l3_settings .area_left .switch_list table.list th{ background:#eee; box-sizing:border-box; line-height:16px; padding:3px 7px; border:0; border-right:1px #fff solid ;border-bottom:1px #fff solid; color:#666; }
.l3_settings .area_left .switch_list table.list th:last-child{ border-right:0; }
.l3_settings .area_left .switch_list table.list td{ background-color:#fff; font-size:12px; padding:3px 5px; line-height:18px; }
.l3_settings .area_left .switch_list table.list td a{ display:inline-block; color:#333; text-decoration:none; }
.l3_settings .area_left .switch_list table.list td span.icon{ display: inline-block; width:14px; height:14px; background: url(../../resources/images/common/btn_icon.png);  }
.l3_settings .area_left .switch_list table.list td span.dynamic_l3{ background-position:-252px -80px; }
.l3_settings .area_left .switch_list table.list td span.no_dynamic_l3{ background-position:-266px -80px; }
.l3_settings .area_left .switch_list table.list td span.unknown{ background-position:-280px -80px; }
.l3_settings .area_left .switch_list table.list tr:hover td{ background:#f3f3f3; }
.l3_settings .area_left .switch_list table.list tr.selected td{ background:#f8f4ce; }
.l3_settings .area_left .switch_list table.list tr.modified td a::after{ content:" * "; color:#999; font-weight:bold; }
.l3_settings .area_left .switch_list .divbtn{ float:left; padding:5px 0; }
.l3_settings .area_left .switch_list .divbtn.s_btn>button{ font-size:11px; }
.l3_settings .area_left .switch_list .cnt{ float:right; display:block; text-align:right; padding:7px 0; }
.l3_settings .area_left .switch_list .cnt span{ color:#666; font-size:11px; }
.l3_settings .area_left .switch_list .cnt span.num{ color:#4982c4; font-size:11px; }
.l3_settings .area_left .switch_list .legend{ }
.l3_settings .area_left .switch_list .legend ul li{ width:100%; line-height:18px; margin:0; font-size:11px;  }
.l3_settings .area_left .switch_list .legend ul li span{ display: inline-block; width:14px; height:14px; background: url(../../resources/images/common/btn_icon.png); }
.l3_settings .area_left .switch_list .legend ul li.dynamic_l3 span{ background-position:-252px -80px; }
.l3_settings .area_left .switch_list .legend ul li.no_dynamic_l3 span{ background-position:-266px -80px; }
.l3_settings .area_left .switch_list .legend ul li.unknown span{ background-position:-280px -80px; }
.l3_settings .area_left .divbtnset button.primary span.icon{ background-position:-360px -12px; margin-top:-1px; }

.l3_settings .area_right{ height:100%; padding:20px; margin-left:260px; position:relative; box-sizing:border-box; }
.l3_settings .area_right .switch_tit{ margin-bottom:20px; }
.l3_settings .area_right .switch_tit span.tit{ font-size:24px; color:#333; vertical-align:middle;  display:inline-block; padding:0; margin-right:10px; }
.l3_settings .area_right .detail_row{ margin-bottom:20px; clear:both; position:relative; float:none; }
.l3_settings .area_right .detail_row h4{ display:inline-block; vertical-align:middle; }
.l3_settings .area_right .detail_row .divbtn{ /*position:absolute; top:0; right:0;*/ margin-bottom:0; }
.l3_settings .area_right .detail_row .s_btn button{ font-size:11px !important; }
.l3_settings .area_right .detail_row .s_btn button.btn_get_route span.icon{ background-position: -324px 0; }
.l3_settings .area_right .detail_row .s_btn button.btn_get_ospf span.icon{ background-position: -324px 0; }
.l3_settings .area_right .detail_row .s_btn button.btn_restart_ospf_id span.icon{ background-position: 0 -270px; }
.l3_settings .area_right .detail_row ul.list .sl_li .sl_top .tit{ font-weight: bold; margin-bottom:0; }
.l3_settings .area_right .detail_row ul.list .sl_li .sl_con ul li.sdl_li{ position:relative; padding:0; border-bottom:1px #eee dashed; }
.l3_settings .area_right .detail_row ul.list .sl_li .sl_con ul li.sdl_li:last-child{ border-bottom:none; }
.l3_settings .area_right .detail_row ul.list .sl_li .sl_con ul li.sdl_li .sdl_top{ padding:5px 0 5px 20px; }
.l3_settings .area_right .detail_row ul.list .sl_li .sl_con ul li.sdl_li .sdl_top .tit{ line-height:22px; }
.l3_settings .area_right .detail_row ul.list .sl_li .sl_con ul li.sdl_li .sdl_con{ line-height:1.7em; color:#666; display:none; padding:0 0 10px 20px; }
.l3_settings .area_right .detail_row ul.list .sl_li .sl_con ul li.sdl_li .sdl_con_row{ padding:0 0 10px 0; }
.l3_settings .area_right .detail_row ul.list .sl_li .sl_con ul li.sdl_li .sdl_con_row:last-child{ padding:0; }
.l3_settings .area_right .detail_row .stit{ background:url(../../resources/images/common/bullet_2.png) no-repeat 2px 8px; font-size:11px; padding:0 0 5px 8px; display:block; }
.l3_settings .area_right .detail_row dl.setting_detail_area {}
.l3_settings .area_right .detail_row dl.setting_detail_area dt{ display:inline-block; margin-right:2px; padding:2px 0; }
.l3_settings .area_right .detail_row dl.setting_detail_area dd{ display:inline-block; margin-right:2px; padding:2px 0; }
.l3_settings .area_right .detail_row ul.list .sl_li .sl_con ul li.sdl_li .sdl_con_row .stit{ background:url(../../resources/images/common/bullet_2.png) no-repeat 2px 8px; font-size:11px; padding:0 0 5px 8px; display:block; }
.l3_settings .area_right .detail_row .detail_setting{}
.l3_settings .area_right .detail_row .detail_setting dl{ display:block; }
.l3_settings .area_right .detail_row .detail_setting dl dt{ display:inline-block; font-size:11px; padding:0 0 2px 2px; text-align:right; /*font-weight:bold;*/ box-sizing:border-box; width:26%; }
.l3_settings .area_right .detail_row .detail_setting dl dd{ display:inline-block; min-height:24px; padding:0 0 2px 2px; line-height:24px; box-sizing:border-box; width:70%; }
.l3_settings .area_right .detail_row .detail_setting dl dd input[type=text]{}
.l3_settings .area_right .detail_row .detail_setting dl dd span.small_print{ padding-left:5px; color:#999; }
.l3_settings .area_right .detail_row .sdl_con_row{ padding:0 0 10px 0; }
.l3_settings .area_right .detail_row .parent{ max-height:200px; float:none; }
.l3_settings .area_right .detail_row .parent table th{ z-index:1; }
.l3_settings.vertical_split_view .area_right table.view table.list tr th{ width:auto; }
.l3_settings .area_right table.list{ width:100%; }
.l3_settings .area_right table.list th{ font-weight:bold; font-size:0.9em; line-height:16px; width:auto; padding:3px 7px; border:none; border-right:1px #fff solid; background:#eee; text-align:left; }
.l3_settings .area_right table.list th:last-child{ border-right:none; }
.l3_settings .area_right table.list th a{ font-weight:bold; font-size:0.9em; line-height:1em; }
.l3_settings .area_right table.list th button{ background:none; border:0; height:16px; line-height:16px; }
.l3_settings .area_right table.list td{ line-height:1.2em; cursor:default; padding:3px 7px; border-right:1px #fff solid; border-bottom:1px #ebebeb solid; text-align:left; }
.l3_settings .area_right table.list tr:nth-child(2n) td{ background:none; }
.l3_settings .area_right table.list tr:hover td{ background:none; }
.l3_settings .area_right table.list tr.invalid td{ background-color:#ffc0cb; }
.l3_settings .area_right table.list button.ok{ opacity:1; }
.l3_settings .area_right table.list ul li{ line-height:20px; }
.l3_settings .area_right table.list ul li a{ font-size:11px; text-decoration:none; color:#333; }
.l3_settings .area_right table.list ul li input.name{ display:none; width:100px; }
.l3_settings .area_right table.list ul li button{ border:0; background:none; height:16px; line-height:16px; display:none; }
.l3_settings .area_right table.list ul li button .icon{ margin-right:0; }
.l3_settings .area_right table.list ul li button.add{ opacity:1; }
.l3_settings .area_right table.list ul li button.add span.icon{ background-position: -24px 0; }
.l3_settings .area_right table.list ul li:hover button{ display:inline-block; }
.l3_settings .area_right table.list ul li:hover button.ok, .l3_settings .area_right table.list ul li:hover button.cancel{ display: none; }
.l3_settings .area_right table.list ul li.edit_name a{ display:none; }
.l3_settings .area_right table.list ul li.edit_name input.name{ display:inline-block; }
.l3_settings .area_right table.list ul li.edit_name button{ display:none; opacity:1; }
.l3_settings .area_right table.list ul li.edit_name button.ok, .l3_settings .area_right table.list ul li.edit_name button.cancel{ display:inline-block; }
.l3_settings .area_right table.list textarea{ box-sizing: border-box; padding:0 2px; }
.l3_settings .area_right table.list .comment{ font-size: 11px; max-width:120px;  line-height:18px;  height:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l3_settings .area_right table.list .addr_detail_more{ vertical-align:bottom; }
.l3_settings .area_right .process_id{ padding:5px 0; text-align:center; margin-bottom:5px; position:absolute; top:30px; left:153px; font-weight:bold; font-size:11px; }
.l3_settings .area_right .process_id select{ width:200px; }
.l3_settings .area_right .default_metric{ font-size:11px; margin-bottom:5px; }

.l3_settings .area_right .detail_row h6{ font-weight:bold; background:url(../../resources/images/common/bullet_2.png) no-repeat 0 12px; padding:5px 8px; margin-left:20px; }
.l3_settings .area_right .detail_row table.view>tbody>tr>th{ vertical-align:top; min-width:130px; white-space:nowrap; padding:14px 7px; }
.l3_settings .area_right .detail_row table.view>tbody>tr>td{ padding:14px 7px; }
.l3_settings .area_right .detail_row table.view td .parent{ max-width:990px; width:fit-content; }
.l3_settings .area_right .detail_row table.view td table.list{ margin-bottom:0; }
.l3_settings .area_right .detail_row table.view td table.list th{ min-width:auto; width:auto; white-space:nowrap; }

/* script_settings */
.script_settings.detail_area{ position: relative; padding:0; overflow-x:auto; }
.script_settings .area_left{  position:absolute; top:0; left:0; width:40%; height:100%; box-sizing:border-box; border-right:1px #ddd solid; background-color:#f3f3f3;  }
.script_settings .area_left>.tit{ float:left; margin-bottom:5px; display:block; font-size:14px; font-weight: bold; height:22px; line-height: 22px; padding:15px 0 0 10px; }
.script_settings .area_left>.tit .icon{ display: inline-block; width:22px; height:22px; background:url(../../resources/images/common/btn_icon.png) no-repeat -324px -60px; margin-top:-1px; margin-right:5px; vertical-align:middle; }
.wrap .container .conarea .contents .script_settings .area_left>.action_area{ float:right; padding:15px 10px 0 0; background: transparent; }
.script_settings .area_left>.action_area .drop_down button{ height:20px; line-height:18px; font-weight:normal; font-size:11px; }
.script_settings .area_left>.action_area .drop_down.btn_execute_layer{ margin-right:3px; }
.script_settings .area_left>.action_area .drop_down.btn_execute_layer button>.icon{ background-position:-216px -24px; }
.script_settings .area_left>.action_area .drop_down.btn_execute_layer .layer_st{ width:550px; top:20px; }
.script_settings .area_left>.action_area .drop_down.btn_execute_layer .layer_st .tit{ font-size:14px; line-height:14px; font-weight:bold; border-bottom:1px #ddd solid; padding:10px; }
.script_settings .area_left>.action_area .drop_down.btn_execute_layer .layer_st .con{ padding:10px; }
.script_settings .area_left>.action_area .drop_down.btn_execute_layer .layer_st .con dd{ overflow:hidden; padding-top:10px; }
.script_settings .area_left>.action_area .drop_down.btn_execute_layer .layer_st .con select{ width:200px; float:left; margin-right:3px; }
.script_settings .area_left>.action_area .drop_down.btn_execute_layer .layer_st .con .buttons_toggle{ display: inline-block; }
.script_settings .area_left>.action_area .drop_down.btn_execute_layer .layer_st .con .buttons_toggle button{ float:left; border-right:none; color:#333; }
.script_settings .area_left>.action_area .drop_down.btn_execute_layer .layer_st .con .buttons_toggle button:last-child{ border-right:1px #909090 solid; }
.script_settings .area_left>.action_area button.btn_cancel>.icon{ background-position:-228px -24px; }
.script_settings .area_left>.action_area button.btn_restore>.icon{ background-position:-348px -24px; }
.script_settings .area_left>.action_area button{ font-size:11px; }
.script_settings .area_left .switch_list{ margin-bottom:10px; padding:0 10px; clear:both; overflow:hidden; }
.script_settings .area_left .switch_list .parent{ height:360px; border:1px #ccc solid;  background-color:#fff; }
.script_settings .area_left .switch_list table.list{ }
.script_settings .area_left .switch_list table.list tr:last-child td{ border-bottom:0; }
.script_settings .area_left .switch_list table.list th{ background:#eee; box-sizing:border-box; line-height:16px; padding:3px 5px; border:0; border-right:1px #fff solid ;border-bottom:1px #fff solid; color:#666; }
.script_settings .area_left .switch_list table.list th:last-child{ border-right:0; }
.script_settings .area_left .switch_list table.list td{ background-color:#fff; font-size:12px; padding:3px 5px; line-height:18px; }
.script_settings .area_left .switch_list table.list td a{ display:inline-block; color:#333; text-decoration:none; }
.script_settings .area_left .switch_list table.list td span.icon{ display: inline-block; width:16px; height:16px; background: url(../../resources/images/common/btn_icon.png); vertical-align:middle; }
.script_settings .area_left .switch_list table.list td span.execute{ background-position:-228px -138px; }
.script_settings .area_left .switch_list table.list td span.execute_save{ background-position:-244px -138px; }
.script_settings .area_left .switch_list table.list tr:hover td{ background:#f3f3f3; }
.script_settings .area_left .switch_list table.list tr.selected td{ background:#f8f4ce; }
.script_settings .area_left .switch_list table.list tr.modified td a::after{ content:" * "; color:#999; font-weight:bold; }
.script_settings .area_left .switch_list .cnt{ float:right; display:block; text-align:right; padding:7px 0; }
.script_settings .area_left .switch_list .cnt span{ color:#666; font-size:11px; }
.script_settings .area_left .switch_list .cnt span.num{ color:#4982c4; font-size:11px; }

.script_settings .area_right{ height:100%; padding:15px 10px; margin-left:40%; position:relative; box-sizing:border-box; overflow-y:auto; }
.script_settings .area_right>.tit{ margin-bottom:5px; font-size:14px; font-weight: bold; height:22px; line-height: 22px; padding:0;  vertical-align:middle;  display:block;  }
.script_settings .area_right>.tit .icon{ display: inline-block; width:22px; height:22px; background:url(../images/common/btn_icon.png) no-repeat -346px -60px; margin-top:-1px; margin-right:5px; vertical-align:middle; }
.script_settings .area_right ul.list .sl_li .sl_top .tit{ font-weight: bold; margin-bottom:0; display:inline-block; margin-right:20px;  }
.script_settings .area_right ul.list .sl_li a.btn_del{ display:block; }
.script_settings .area_right ul.list .sl_li .sl_con h5{ font-size: 12px; line-height: 16px; font-weight: bold; padding: 5px 0 5px 18px; background: url(../images/common/stit_bullet.png) no-repeat 5px 50%; margin:0; }
.script_settings .area_right ul.list .sl_li .sl_con textarea{ width:100%; height:200px; }
.script_settings .area_right ul.list .sl_li.modified{ border:1px #bbb dashed; background-color: #eaedf2; }
.script_settings .area_right .divbtn{ /*position:absolute; top:0; right:0;*/ margin-bottom:0; }

.script_settings2{}
.script_settings2 .area_left .switch_list table.list td span.icon{ display: inline-block; width:16px; height:16px; background: url(../images/common/btn_icon.png); vertical-align:middle; margin-left:2px; }
.script_settings2 .area_left .switch_list table.list td span.execute{ background-position:-228px -138px; }
.script_settings2 .area_left .switch_list table.list td span.execute_save{ background-position:-244px -138px; }
.script_settings2 .area_right{ min-width:1000px; max-width:1300px; overflow:auto; }
.script_settings2 .area_right .switch_tit span.btn_terminal{ margin-right:10px; }
.script_settings2 .area_right .detail_row{ width:50%; height:650px; box-sizing:border-box; padding: 40px 25px 10px; position:relative; clear:none; }
.script_settings2 .area_right .detail_row:last-child{ border-left:1px #999 dotted; }
.script_settings2 .area_right .detail_row::before{ display:block; width:44px; height:38px; content:''; background:url(../images/common/btn_icon.png) no-repeat -60px -400px; margin: 0 auto 15px; }
.script_settings2 .area_right .detail_row:last-child::before{ background-position-x:-110px; }
.script_settings2 .area_right .detail_row .detail_row_tit{ display:flex; justify-content:center; align-items:center; }
.script_settings2 .area_right .detail_row .detail_row_tit h4{ display:inline-block; vertical-align:middle; background:none; font-size:17px; padding:0 5px 0 0; }
.script_settings2 .area_right .detail_row .description{ font-size:11px; color:#999; text-align:center; margin-bottom:10px; }
.script_settings2 .area_right .detail_row .date{ width:fit-content; min-width:300px; background:#eee; border-radius:12px; display:flex; justify-content:center; margin: 0 auto 25px;height:24px; padding:2px 15px; box-sizing:border-box; overflow:hidden; }
.script_settings2 .area_right .detail_row .date li{ font-size:11px; color:#777; line-height:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.script_settings2 .area_right .detail_row .date li::after{ content:''; vertical-align:middle; width:1px; height:10px; background-color:#ccc; display:inline-block; margin: 0 7px 0 8px; }
.script_settings2 .area_right .detail_row .date li:last-child::after{ display:none; }
.script_settings2 .area_right .detail_row .date li.latest{ color:#555; }
.script_settings2 .area_right .detail_row .date li.latest::before{ content:''; vertical-align:middle; display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png) no-repeat -60px -24px; margin-right:2px; }
.script_settings2 .area_right .detail_row .script_con dl dt{ font-weight:bold; font-size:11px; line-height:20px; padding:2px 5px; } 
.script_settings2 .area_right .detail_row .script_con dl dd{ line-height:20px; padding:0 0 10px 0; } 
.script_settings2 .area_right .detail_row .script_con textarea{ width:100%; height:300px; box-sizing:border-box; resize:none; padding:4px; }
.script_settings2 .area_right .detail_row .script_con input[type=text]{ width:100%; height:24px; box-sizing:border-box; }
.script_settings2 .area_right .detail_row  .icon.running{ display:none; width:60px; height:16px; background:url(../images/common/icon_running.gif) no-repeat bottom; border:none; font-size:10px; position:absolute; top:54%; left:50%; transform:translateX(-50%); }
.script_settings2 .area_right .detail_row .divbtnset button.primary{ margin-left:10px; }
.script_settings2 .area_right .detail_row .divbtnset button.script_execute{ width:60px; }
.script_settings2 .area_right .detail_row .divbtnset button.script_execute>.icon{ background-position:-216px -24px; }
.script_settings2 .area_right .detail_row .divbtnset button.script_cancel>.icon{ background-position:-72px -36px; }


/* script_settings : */
.script_settings{ padding:0 10px; }
.script_settings .script_container{ display:flex; flex-wrap:wrap; flex-direction:row; }
.script_settings .script_container>div.script_card{}
.script_settings .script_container>div.script_card .script_card_inner{ width:380px; height:100px; box-sizing:border-box; padding:12px 20px; margin:10px 10px 0 0; border:3px #ddd solid; position:relative; display:flex; flex-direction:column; }
.script_settings .script_container>div.script_card .card_title{ line-height:22px; }
.script_settings .script_container>div.script_card .card_title h3{ display:inline-block; font-size:14px; vertical-align:middle; line-height:22px; max-width:86%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.script_settings .script_container>div.script_card .card_title button{ border:0; background:none; display:none; opacity:0.6; padding:0 2px; }
.script_settings .script_container>div.script_card .card_title button .icon{ margin-right:0; }
.script_settings .script_container>div.script_card .card_title button:hover{ opacity:1; }
.script_settings .script_container>div.script_card:hover .script_card_inner{ background-color:#f9f9f9; }
.script_settings .script_container>div.script_card:hover button{ display:inline-block; }
.script_settings .script_container>div.script_card .last_upgrade_time{ font-size:11px; color:#aaa; padding:10px 0 0 0; }
.script_settings .script_container>div.script_card .file_name{ color:#666; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }

.script_settings .script_container>div.script_card.applied_script .script_card_inner{ border-color:#333; }

.script_settings .script_container>div.script_card.add_script{ cursor:pointer; }
.script_settings .script_container>div.script_card.add_script .script_card_inner{ align-items:center; justify-content:center; }
.script_settings .script_container>div.script_card.add_script .icon{ display: inline-block; width:21px; height:21px; background: url(../../resources/images/common/btn_icon.png) -420px 0; opacity:0.6; }
.script_settings .script_container>div.script_card.add_script:hover .icon{ opacity:1; }

.script_settings .script_container>div.script_card.edit_script .script_card_inner{ padding:10px; justify-content:center; background:#efefef; border:3px #ccc dotted; }
.script_settings .script_container>div.script_card.edit_script table.view{ border:0; margin-bottom:5px; }
.script_settings .script_container>div.script_card.edit_script table.view th{ border:0; background-color: transparent; width:20%;padding:2px 4px; }
.script_settings .script_container>div.script_card.edit_script table.view td{ border:0; padding:2px 4px; }/* upload file : 브라우저에 상관없이 일관적인 디자인 */
.script_settings .script_container>div.script_card.edit_script table.view td input[type=text]{ width:240px; }
.script_settings .script_container>div.script_card.edit_script table.view td div.upload_file>input.file { width:250px; }
.script_settings .script_container>div.script_card.edit_script table.view td div.upload_file>div.inner input[type=text]{ width:160px !important; }
.script_settings .script_container>div.script_card.edit_script table.view td .text_size{ font-size:11px; color:#999; letter-spacing:-1px; }
.script_settings .script_container>div.script_card.edit_script table.view td .text_size em{ font-size:1em; color:#666; font-weight:bold; font-style:normal; }
.script_settings .script_container>div.script_card.edit_script .divbtnset{ padding:0; }

/* set_profile */
.set_profile{ padding:0; }
.set_profile .profile_container{ display:flex; flex-wrap:wrap; flex-direction:row; padding:0 10px; }
.set_profile .profile_container>div.profile_card{}
.set_profile .profile_container>div.profile_card .profile_card_inner{ width:400px; height:140px; box-sizing:border-box; padding:20px; margin:10px 10px 0 0; border:3px #ddd solid; position:relative; display:flex; flex-direction:column; }
.set_profile .profile_container>div.profile_card .card_title{ line-height:22px; }
.set_profile .profile_container>div.profile_card .card_title h3{ display:inline-block; font-size:15px; vertical-align:middle; line-height:22px; max-width:86%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.set_profile .profile_container>div.profile_card .card_title button{ border:0; background:none; display:none; opacity:0.6; padding:0 2px; }
.set_profile .profile_container>div.profile_card .card_title button .icon{ margin-right:0; }
.set_profile .profile_container>div.profile_card .card_title button:hover{ opacity:1; }
.set_profile .profile_container>div.profile_card:hover .profile_card_inner{ background-color:#f9f9f9; }
.set_profile .profile_container>div.profile_card:hover button{ display:inline-block; }
.set_profile .profile_container>div.profile_card .last_upgrade_time{ font-size:11px; color:#aaa; padding:10px 0 0 0; }
.set_profile .profile_container>div.profile_card .description{ color:#666; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.set_profile .profile_container>div.profile_card .profile_apply_bar{ position:absolute; bottom:-3px; right:-3px; }
.set_profile .profile_container>div.profile_card .profile_apply_bar .apply_time{ display:none; font-size:11px; color:#333; }
.set_profile .profile_container>div.profile_card .profile_apply_bar button.btn_apply{ width:22px; height:22px; border:0; background:#ddd; border-radius:0; }
.set_profile .profile_container>div.profile_card .profile_apply_bar button.btn_apply .icon{ background-position:-372px -12px; margin-right:0; opacity:0.6; }
.set_profile .profile_container>div.profile_card .profile_apply_bar button.btn_apply:hover .icon{ opacity:1; /*background-position:-360px -12px; */}

.set_profile .profile_container>div.profile_card.applied_profile .profile_card_inner{ border-color:#333; }
.set_profile .profile_container>div.profile_card.applied_profile .profile_apply_bar .apply_time{ display:inline-block; }
.set_profile .profile_container>div.profile_card.applied_profile .profile_apply_bar button.btn_apply{ display:inline-block; background:#333; }
.set_profile .profile_container>div.profile_card.applied_profile .profile_apply_bar button.btn_apply:hover{ background:#333; }
.set_profile .profile_container>div.profile_card.applied_profile .profile_apply_bar button.btn_apply .icon{ background-position:-384px -12px; opacity:1; }
.set_profile .profile_container>div.profile_card.applied_profile .profile_apply_bar button.btn_apply:hover .icon{ opacity:0.9; }

.set_profile .profile_container>div.profile_card.add_profile{ cursor:pointer; }
.set_profile .profile_container>div.profile_card.add_profile .profile_card_inner{ align-items:center; justify-content:center; }
.set_profile .profile_container>div.profile_card.add_profile .icon{ display: inline-block; width:21px; height:21px; background: url(../../resources/images/common/btn_icon.png) -420px 0; opacity:0.6; }
.set_profile .profile_container>div.profile_card.add_profile:hover .icon{ opacity:1; }

.set_profile .profile_container>div.profile_card.edit_profile .profile_card_inner{ padding:10px; justify-content:center; background:#efefef; border:3px #ccc dotted; }
.set_profile .profile_container>div.profile_card.edit_profile table.view{ border:0; }
.set_profile .profile_container>div.profile_card.edit_profile table.view th{ border:0; background-color: transparent; width:60px;padding:2px 4px; }
.set_profile .profile_container>div.profile_card.edit_profile table.view td{ border:0; padding:2px 4px; }/* upload file : 브라우저에 상관없이 일관적인 디자인 */
.set_profile .profile_container>div.profile_card.edit_profile table.view td input[type=text]{ width:240px; }
.set_profile .profile_container>div.profile_card.edit_profile table.view td div.upload_file>input.file { width:250px; }
.set_profile .profile_container>div.profile_card.edit_profile table.view td div.upload_file>div.inner input[type=text]{ width:160px !important; }
.set_profile .profile_container>div.profile_card.edit_profile table.view td .text_size{ font-size:11px; color:#999; letter-spacing:-1px; }
.set_profile .profile_container>div.profile_card.edit_profile table.view td .text_size em{ font-size:1em; color:#666; font-weight:bold; font-style:normal; }
.set_profile .profile_container>div.profile_card.edit_profile .divbtnset{ padding:0; }

/* tisdn_settings */
.tisdn_settings{ padding:10px; }

.tisdn_ip_port_settings.vertical_split_view{ overflow-x:hidden; }
.tisdn_ip_port_settings .area_right .detail_row{ float:none; }
.tisdn_ip_port_settings .area_right .detail_row h5{ display:inline-block; vertical-align:middle; }
.tisdn_ip_port_settings .area_right .detail_row .divbtn{ margin-bottom: 0; vertical-align:middle; float:right; }
.tisdn_ip_port_settings .area_right .detail_row .s_btn button{ font-size:11px !important; }
.tisdn_ip_port_settings .area_right .detail_row .parent{ max-height: 360px; float:none; clear:both; }
.tisdn_ip_port_settings .area_right .manual_port_settings table.list{ width:auto; min-width:100%; }
.tisdn_ip_port_settings .area_right .manual_port_settings table.list th{ font-weight:bold; font-size:11px; line-height:18px; width:auto; padding:2px 6px; border:none; border-right:1px #fff solid; background:#eee; text-align:left; }
.tisdn_ip_port_settings .area_right .manual_port_settings table.list th label{ display:block; font-size:11px; }
.tisdn_ip_port_settings .area_right .manual_port_settings table.list th:first-child, .tisdn_ip_port_settings .area_right .manual_port_settings table.list td:first-child{ min-width:140px; }
.tisdn_ip_port_settings .area_right .manual_port_settings table.list th a{ font-weight:bold; font-size:11px; line-height:16px; }
.tisdn_ip_port_settings .area_right .manual_port_settings table.list td{ line-height:24px; cursor:default; padding:2px 6px; border-right:1px #fff solid; border-bottom:1px #ebebeb solid; text-align:left;min-width:40px; }
.tisdn_ip_port_settings .area_right .manual_port_settings table.list tr.invalid td{ background-color:#ffc0cb; }

.tisdn_ip_port_settings .area_right .port_status table.list{ width:auto; }
.tisdn_ip_port_settings .area_right .divsearch{ margin-bottom:5px; }

.tisdn_ip_port_settings .btnset{ float:left; }
.tisdn_ip_port_settings .legend{ float:right; margin-bottom:5px; }
.tisdn_ip_port_settings .legend ul li{ width:auto; }
.tisdn_ip_port_settings .legend ul li span{ text-align:center; background-color:#fff; font-size:10px; line-height:12px; font-weight:bold; }
.tisdn_ip_port_settings .legend ul li.u_pvid>span{ color:#4e96d8; border:1px #4e96d8 solid; }
.tisdn_ip_port_settings .legend ul li.u_vid>span{ color:#7977c2; border:1px #7977c2 solid; }
.tisdn_ip_port_settings .legend ul li.t_pvid>span{ color:#01b07b; border:1px #01b07b solid; }
.tisdn_ip_port_settings .legend ul li.t_vid>span{ color:#adadad; border:1px #adadad solid; }


.tisdn_ip_port_settings .list .sl_li .sl_top{ }
.tisdn_ip_port_settings .list .sl_li .sl_top .tit{ display:inline-block;  font-weight:bold; font-size:1em; margin-right:20px; color:#333; }
.tisdn_ip_port_settings .list .sl_li .sl_top .tit input[type=text]{ width:300px; height:20px; line-height:1.4em; font-size:0.9em; }
.tisdn_ip_port_settings .list .sl_li .sl_con .parent{ max-height: 300px; clear:both; }
.tisdn_ip_port_settings .list .sl_li .sl_con table{ min-width:100%; width:auto; }
.tisdn_ip_port_settings .list .sl_li .sl_con table th{ }
.tisdn_ip_port_settings .list .sl_li .sl_con table th:first-child, .tisdn_ip_port_settings .list .sl_li .sl_con table td:first-child{ min-width:120px; }
.tisdn_ip_port_settings .list .sl_li .sl_con table th label{ display:block; }
.tisdn_ip_port_settings .list .sl_li .sl_con table th input[type=checkbox]{ }
.tisdn_ip_port_settings .list .sl_li .sl_con table td{ min-width:40px;}



/* NDM IP Map */
.ndm_ip_map.detail_area{ position: relative; padding:0; }
.ndm_ip_map .area_left{  position:absolute; top:0; left:0; width:300px; height:100%; box-sizing:border-box; border-right:1px #ddd solid;   }
.ndm_ip_map .area_left .select_device{ background-color:#f3f3f3; padding:15px 10px 10px 10px; }
.ndm_ip_map .area_left .select_device label{ margin-bottom:5px; display:block;  font-size:14px; font-weight: bold; float:left; height:22px; line-height: 22px; }
.ndm_ip_map .area_left .select_device label .icon{ display: inline-block; width:22px; height:22px; background:url(../../resources/images/common/btn_icon.png) no-repeat -324px -60px; margin-top:-1px; margin-right:5px; vertical-align:middle; }
.ndm_ip_map .area_left .select_device.ap label .icon{ background:url(../../resources/images/common/btn_icon.png) no-repeat -324px -82px }
.ndm_ip_map .area_left .select_device select{ width:100%; height:28px; line-height:24px; clear:both; font-size:14px; }
.ndm_ip_map .area_left .select_device select option{ line-height:30px; font-size:14px; }
.ndm_ip_map .area_left .select_device .favorite_ip_band{ font-size:11px; color:#999; float:right; line-height:22px; }

.ndm_ip_map .area_left .ip_band_list{ background-color:#f3f3f3; border-bottom:1px #ddd solid; margin-bottom:10px; padding:0 10px; }
.ndm_ip_map .area_left .ip_band_list .parent{ height:240px; border:1px #ccc solid;  background-color:#fff; }
.ndm_ip_map .area_left .ip_band_list table.list{ }
.ndm_ip_map .area_left .ip_band_list table.list tr:last-child td{ border-bottom:0; }
.ndm_ip_map .area_left .ip_band_list table.list th{ background:#eee; box-sizing:border-box; line-height:16px; padding:4px 7px; border:0; border-right:1px #fff solid ;border-bottom:1px #fff solid; color:#666; }
.ndm_ip_map .area_left .ip_band_list table.list th:last-child{ border-right:0; }
.ndm_ip_map .area_left .ip_band_list table.list th span.icon_arrow{ display:inline-block; width:5px; height:5px; background:url(../../resources/images/common/btn_icon.png) no-repeat; vertical-align:middle; margin-top:-1px; }
.ndm_ip_map .area_left .ip_band_list table.list th span.icon_arrow.up{ background-position:-75px -28px; }
.ndm_ip_map .area_left .ip_band_list table.list th span.icon_arrow.down{ background-position: -87px -28px; }
.ndm_ip_map .area_left .ip_band_list table.list td{ background-color:#fff; font-size:12px; padding:4px 7px; line-height:18px; }
.ndm_ip_map .area_left .ip_band_list table.list tr:hover td{ background:#f3f3f3; }
.ndm_ip_map .area_left .ip_band_list table.list tr.selected td{ background:#f8f4ce; }
.ndm_ip_map .area_left .ip_band_list table.list td button{ display:none; border:0; background:none; height:16px; border-radius:0; }
.ndm_ip_map .area_left .ip_band_list table.list tr:hover td button.edit, .ndm_ip_map .area_left .ip_band_list table.list tr:hover td button.favorite{ display:inline-block; }
.ndm_ip_map .area_left .ip_band_list table.list td button.edit{ }
.ndm_ip_map .area_left .ip_band_list table.list td button.favorite{ opacity:1; }
.ndm_ip_map .area_left .ip_band_list table.list td button.favorite.checked{ display:inline-block; }
.ndm_ip_map .area_left .ip_band_list table.list td button.favorite.checked .icon{ background-position:-180px -12px; }
.ndm_ip_map .area_left .ip_band_list table.list td a{ display:inline-block; color:#333; text-decoration:none; }
.ndm_ip_map .area_left .ip_band_list table.list td input[type=text]{ display:none; width:140px; }
.ndm_ip_map .area_left .ip_band_list table.list td button.ok, .ndm_ip_map .area_left .ip_band_list table.list td button.cancel{ display:none; }
.ndm_ip_map .area_left .ip_band_list table.list td.edit_name a{ display:none; }
.ndm_ip_map .area_left .ip_band_list table.list td.edit_name input[type=text]{ display:inline-block; width:130px; }
.ndm_ip_map .area_left .ip_band_list table.list td.edit_name button.ok, .ndm_ip_map .area_left .ip_band_list table.list td.edit_name button.cancel{ display:inline-block; }
.ndm_ip_map .area_left .ip_band_list table.list tr:hover td.edit_name button.edit, .ndm_ip_map .area_left .ip_band_list table.list tr:hover td.edit_name button.favorite{ display:none; }
.ndm_ip_map .area_left .ip_band_list table.list td.edit_name button.ok span.icon{ background-position:-360px 0; }
.ndm_ip_map .area_left .ip_band_list table.list td.edit_name button.cancel span.icon{ background-position:-24px -24px; }
.ndm_ip_map .area_left .ip_band_list .cnt{ display:block; text-align:right; padding:5px 0; }
.ndm_ip_map .area_left .ip_band_list .cnt span{ color:#666; font-size:11px; }
.ndm_ip_map .area_left .ip_band_list .cnt span.num{ color:#4982c4; font-size:11px; }

.ndm_ip_map .area_left .host_status{ padding:0 10px; } 
.ndm_ip_map .area_left .host_status h4{ font-size:12px; background:url(../../resources/images/common/bullet_2.png) no-repeat 0 6px !important; padding:0 0 5px 6px; line-height:18px; }
.ndm_ip_map .area_left .host_status .graph{ width:170px; margin: 0 auto; } 
.ndm_ip_map .area_left .host_status ul{ overflow:hidden; padding:0 15px; }
.ndm_ip_map .area_left .host_status ul li{ float:left; width:120px; line-height:24px; }
.ndm_ip_map .area_left .host_status ul li:first-child{  }
.ndm_ip_map .area_left .host_status ul li span{ display:inline-block; vertical-align:middle;}
.ndm_ip_map .area_left .host_status ul li span.icon{ width:10px; height:10px; margin-right:2px; box-sizing:border-box; margin-top:-1px; }
.ndm_ip_map .area_left .host_status ul li span.tit{ color:#666; font-size:11px; margin-right:10px; }
.ndm_ip_map .area_left .host_status ul li span.cnt{ font-size:18px; }
.ndm_ip_map .area_left .host_status ul li.online span.icon{ background-color:#6ca302; }
.ndm_ip_map .area_left .host_status ul li.offline span.icon{ background-color:#888; }
.ndm_ip_map .area_left .host_status ul li.block span.icon{ background-color:#f55612; }
.ndm_ip_map .area_left .host_status ul li.unused span.icon{ background-color:#f3f3f3; border:1px #ccc solid; }

.ndm_ip_map .area_right{ height:100%; padding:30px; margin-left:300px; position:relative; box-sizing:border-box; }
.ndm_ip_map .area_right .inner{ width:750px; margin: 0 auto; }
.ndm_ip_map .area_right .ip_band_tit{  float:left; margin-bottom:10px; }
.ndm_ip_map .area_right .ip_band_tit span{}
.ndm_ip_map .area_right .ip_band_tit span.tit{ font-size:24px; color:#333; vertical-align:middle; display:inline-block; padding:0; margin-right:10px; }
.ndm_ip_map .area_right .ip_band_tit span.tit_origin{ font-size:14px; color:#666; vertical-align:middle; display:inline-block; }
.ndm_ip_map .area_right .ip_band_tit span.tit_origin::before{ content:"["; }
.ndm_ip_map .area_right .ip_band_tit span.tit_origin::after{ content:"]"; }
.ndm_ip_map .area_right .divbtn{ float:right; }
.ndm_ip_map .area_right .divbtn button{ font-size:0; }
.ndm_ip_map .area_right .divbtn button span.icon{ margin-right:0; }
.ndm_ip_map .area_right .divbtn button.prev span.icon{ background-position:-96px -48px; }
.ndm_ip_map .area_right .divbtn button.next span.icon{ background-position:-120px -48px; }
.ndm_ip_map .area_right .divbtn button.refresh{ font-size:0;  }
.ndm_ip_map .area_right .divbtn button.refresh span.icon{ background-position:0 -270px; margin-right:0; }

.ndm_ip_map .area_right .map_area{ clear:both; }
.ndm_ip_map .area_right .map_area ul{ overflow:hidden; }
.ndm_ip_map .area_right .map_area ul li{ display:block; float:left; width:45px; height: 28px; border:1px #ccc solid; background-color:#f3f3f3; margin:0 2px 2px 0; position:relative; box-sizing: border-box; cursor:pointer; }
.ndm_ip_map .area_right .map_area ul li:nth-child(16n){ margin-right:0; }
.ndm_ip_map .area_right .map_area ul li.online{ background-color:#6ca302; border-color:#6ca302; cursor:pointer; }
.ndm_ip_map .area_right .map_area ul li.offline{ background-color:#888; border-color:#888; cursor:pointer; }
.ndm_ip_map .area_right .map_area ul li.block{ background-color:#f55612; border-color:#f55612; cursor:pointer; }
.ndm_ip_map .area_right .map_area ul li.custom{ background-color:#f5ce33; border-color:#f5ce33; cursor:pointer; }
.ndm_ip_map .area_right .map_area ul li.fix{  }
.ndm_ip_map .area_right .map_area ul li:hover{ border-color:#333; }
.ndm_ip_map .area_right .map_area ul li.selected{ border-color:#333; }
.ndm_ip_map .area_right .map_area ul li span.ip_num{ position:absolute; top:0; left:2px; font-size:10px; color:#bbb; line-height:12px; }
.ndm_ip_map .area_right .map_area ul li.online span.ip_num, .ndm_ip_map .map_area ul li.offline span.ip_num, .ndm_ip_map .map_area ul li.block span.ip_num, .ndm_ip_map .map_area ul li.custom span.ip_num{ color:#fff; }
.ndm_ip_map .area_right .map_area ul li span.icon{}
.ndm_ip_map .area_right .map_area ul li span.icon.fix{ display:none; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -276px 0; position:absolute; right:0; bottom:0; }
.ndm_ip_map .area_right .map_area ul li.fix span.icon.fix{ display:block; }
.ndm_ip_map .area_right .map_area ul li span.icon.duplicated{ display:block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -168px -24px; position:absolute; right:0; top:0; opacity:0.8; }
.ndm_ip_map .area_right .map_area ul li span.icon.duplicated:hover{ opacity:1; }

.ndm_ip_map .area_right .legend{ display:block; padding:5px 0; margin-bottom:20px; }
.ndm_ip_map .area_right .legend ul{ text-align:right; }
.ndm_ip_map .area_right .legend ul li{ width:auto; margin:0 0 0 5px; font-size:11px; }
.ndm_ip_map .area_right .legend ul li:last-child{ margin-right:0; }
.ndm_ip_map .area_right .legend ul li span{ box-sizing:border-box; width:10px; height:10px; margin-top:-1px;  }
.ndm_ip_map .area_right .legend ul li.online span{ background-color:#6ca302;  }
.ndm_ip_map .area_right .legend ul li.offline span{ background-color:#888;}
.ndm_ip_map .area_right .legend ul li.block span{ background-color:#f55612; }
.ndm_ip_map .area_right .legend ul li.unused span{ background-color:#f3f3f3; border:1px #ccc solid;  }
.ndm_ip_map .area_right .legend ul li.custom span{ background-color:#f5ce33; }
.ndm_ip_map .area_right .legend ul li.fix span{background:url(../images/common/btn_icon.png) no-repeat -276px 0; }

.ndm_ip_map .area_right .ip_detail{ box-sizing:border-box; position:relative; }
.ndm_ip_map .area_right .ip_detail .ip_tit{ /*float:left; overflow:hidden; */}
.ndm_ip_map .area_right .ip_detail .ip_tit h5{ font-size:16px; float:left; padding:0 0 0 5px; font-weight: normal; line-height:25px; }
.ndm_ip_map .area_right .ip_detail .ip_tit h5 .network_name{ font-size:11px; color:#666; padding:0 0 0 5px; margin:0 0 0 5px;border-left:1px #999 solid; }
.ndm_ip_map .area_right .ip_detail .ip_tit span.status{ display:inline-block; box-sizing:border-box; width:10px; height:10px; margin-top:-1px; margin-right:5px; }
.ndm_ip_map .area_right .ip_detail .ip_tit span.online{ background-color:#6ca302;  }
.ndm_ip_map .area_right .ip_detail .ip_tit span.offline{ background-color:#888; }
.ndm_ip_map .area_right .ip_detail .ip_tit span.block{ background-color:#f55612; }
.ndm_ip_map .area_right .ip_detail .ip_tit span.unused{ background-color:#f3f3f3; border:1px #ccc solid;  }
.ndm_ip_map .area_right .ip_detail .ip_tit span.custom{ background-color:#f5ce33; }
.ndm_ip_map .area_right .ip_detail .tabs{ position:absolute; top:0; right:0; }
.ndm_ip_map .area_right .ip_detail .tabs ul{ padding:0 46px 0 0; border-bottom:0; }
.ndm_ip_map .area_right .ip_detail .tabs ul li{ position:relative; }
.ndm_ip_map .area_right .ip_detail .tabs ul li a{ min-width:130px; text-align:left; padding-right:20px; }
.ndm_ip_map .area_right .ip_detail .tabs ul li.selected a{ border-bottom:1px #f3f3f3 solid; }
.ndm_ip_map .area_right .ip_detail .tabs ul li button{ opacity:0.6; border:0; background:none; height:20px; padding:0; border-radius:0; vertical-align: middle; position:absolute; top:2px; right:5px; }
.ndm_ip_map .area_right .ip_detail .tabs ul li button.del .icon{ background-position:-96px 0px; margin-right:0; }
.ndm_ip_map .area_right .ip_detail .tabs ul li button:hover{ opacity:1; }
.ndm_ip_map .area_right .ip_detail .tabs .divbtn{ position:absolute; top:2px; right:0; }
.ndm_ip_map .area_right .ip_detail button.del{ float:right; border:0; background:none; opacity:0.6;  }
.ndm_ip_map .area_right .ip_detail button.del span.icon{ background-position:-96px 0px; margin-right:0; }
.ndm_ip_map .area_right .ip_detail button.del:hover{ opacity:1; }
.ndm_ip_map .area_right .ip_detail .line{ border:1px #ddd solid; clear:both; background:#f3f3f3; padding:7px; }
.ndm_ip_map .area_right .ip_detail table.view{ margin:0; background-color: #fff; border:0; }
.ndm_ip_map .area_right .ip_detail table.view th{ width:10%; border:0; background-color: #fff; }
.ndm_ip_map .area_right .ip_detail table.view td{ width:23.3%; border:0; background-color: #fff; }
.ndm_ip_map .area_right .ip_detail table.view td input[type=text]{ width:100px; }
.ndm_ip_map .area_right .ip_detail table.view td[colspan='3']{ width:56.6%; }
.ndm_ip_map .area_right .ip_detail table.view td[colspan='3'] input[type=text]{ width:260px; }
.ndm_ip_map .area_right .ip_detail .drop_down>button{ border:0; padding:0; background:none; opacity:1; }
.ndm_ip_map .area_right .ip_detail .drop_down .layer_st{ min-width:80px; padding:5px; left:35px; top:0; }
.ndm_ip_map .area_right .ip_detail .drop_down .layer_st label{ display: block; white-space:nowrap;}
.ndm_ip_map button.disable{ }
.ndm_ip_map .area_right .msg{ box-sizing:border-box; border:1px #ddd solid; clear:both; background:#fff; text-align:center; min-height:100px; line-height:100px; padding:40px; }


/* detail_con : get_help */
.get_help{}
.get_help ul.list_product_manuals{ margin-bottom:20px; padding:10px 20px; background-color:#f3f3f3; }
.get_help ul.list_product_manuals li{ padding:7px 5px; font-weight:bold; border-bottom:1px #e6e6e6 dashed; }
.get_help ul.list_product_manuals li:last-child{ border-bottom:none; }
.get_help ul.list_product_manuals li button{ margin-left:10px; border-top:1px #c0c0c0 solid; border-right:1px #909090 solid; border-bottom:1px #909090 solid; border-left:1px #c0c0c0 solid; background:url(../images/common/btn_bg.png) repeat-x bottom; padding:0 6px; font-size:0.9em; line-height:16px; border-radius:3px; white-space:nowrap; }
.get_help ul.list_product_manuals li button span.icon{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -156px -12px; }


/* schedule_settings */
.schedule_settings2.detail_area{ position: relative; padding:0; overflow-x:auto; }
.schedule_settings2 .area_left{  position:absolute; top:0; left:0; width:260px; height:100%; box-sizing:border-box; border-right:1px #ddd solid; background-color:#f3f3f3;  }
.schedule_settings2 .area_left .tit{ float:left; margin-bottom:5px; display:block;  font-size:14px; font-weight: bold; height:22px; line-height: 22px; padding:15px 0 0 10px; }
.schedule_settings2 .area_left .tit .icon{ display: inline-block; width:22px; height:22px; background:url(../../resources/images/common/btn_icon.png) no-repeat -324px -60px; margin-top:-1px; margin-right:5px; vertical-align:middle; }
.schedule_settings2 .area_left .search{ float:right; padding:15px 10px 0 0; overflow:hidden; }
.schedule_settings2 .area_left .search input[type=text]{ float:left; width:126px; height:22px; line-height:22px; border-left-width:0; box-sizing: border-box; }
.schedule_settings2 .area_left .search .icon.icon_search{ float:left; width:22px; height:22px; background:url(../../resources/images/common/btn_icon.png) no-repeat -20px -48px; background-color:#fff; vertical-align:middle; border:1px #ccc solid; border-right:0; box-sizing: border-box; }
.schedule_settings2 .area_left .switch_list{ margin-bottom:10px; padding:0 10px; clear:both; }
.schedule_settings2 .area_left .switch_list .parent{ height:360px; border:1px #ccc solid;  background-color:#fff; }
.schedule_settings2 .area_left .switch_list table.list{ }
.schedule_settings2 .area_left .switch_list table.list tr:last-child td{ border-bottom:0; }
.schedule_settings2 .area_left .switch_list table.list th{ background:#eee; box-sizing:border-box; line-height:16px; padding:3px 5px; border:0; border-right:1px #fff solid ;border-bottom:1px #fff solid; color:#666; }
.schedule_settings2 .area_left .switch_list table.list th:last-child{ border-right:0; }
.schedule_settings2 .area_left .switch_list table.list td{ background-color:#fff; font-size:12px; padding:3px 5px; line-height:18px; }
.schedule_settings2 .area_left .switch_list table.list td a{ display:inline-block; color:#333; text-decoration:none; }
.schedule_settings2 .area_left .switch_list table.list tr:hover td{ background:#f3f3f3; }
.schedule_settings2 .area_left .switch_list table.list tr.selected td{ background:#f8f4ce; }
.schedule_settings2 .area_left .switch_list table.list tr.modified td a::after{ content:" * "; color:#999; font-weight:bold; }
.schedule_settings2 .area_left .switch_list .divbtn{ float:left; padding:5px 0; }
.schedule_settings2 .area_left .switch_list .divbtn.s_btn>button{ font-size:11px; }
.schedule_settings2 .area_left .switch_list .divbtn.s_btn>button .icon{ background-position: -204px -12px; }
.schedule_settings2 .area_left .switch_list .cnt{ float:right; display:block; text-align:right; padding:7px 0; }
.schedule_settings2 .area_left .switch_list .cnt span{ color:#666; font-size:11px; }
.schedule_settings2 .area_left .switch_list .cnt span.num{ color:#4982c4; font-size:11px; }

.schedule_settings2 .area_right{ height:100%; padding:20px; margin-left:260px; position:relative; box-sizing:border-box; }
.schedule_settings2 .area_right .switch_tit{ float:left; margin-bottom:15px; }
.schedule_settings2 .area_right .switch_tit span.tit{ font-size:24px; color:#333; vertical-align:middle; display:inline-block; padding:0; margin-right:10px; }
.schedule_settings2 .area_right .divbtn{ float:left; }
.schedule_settings2 .area_right .divbtn button{ font-weight: bold; }
.schedule_settings2 .area_right .detail_row{ float:left; margin-bottom:15px; clear:both; position:relative; }
.schedule_settings2 .area_right .detail_row h5{ font-size:12px; line-height:16px; font-weight:bold; padding:5px 0 5px 18px; background:url(../images/common/stit_bullet.png) no-repeat 5px 50%; }
.schedule_settings2 .area_right .detail_row .parent{ float:left; max-height:312px; }
.schedule_settings2 .area_right table.list{ width:auto; }
.schedule_settings2 .area_right table.list{ margin-bottom:5px; width:auto; }
.schedule_settings2 .area_right table.list th{ font-weight:bold; font-size:0.9em; line-height:16px; width:auto; padding:2px 7px; border:none; border-right:1px #fff solid; background:#eee; text-align:left; }
.schedule_settings2 .area_right table.list th:last-child{ border-right:none; }
.schedule_settings2 .area_right table.list th a{ font-weight:bold; font-size:0.9em; line-height:1em; }
.schedule_settings2 .area_right table.list th button{ background:none; border:0; height:16px; line-height:16px; }
.schedule_settings2 .area_right table.list td{ line-height:1.2em; cursor:default; padding:4px 7px; border-right:1px #fff solid; border-bottom:1px #ebebeb solid; text-align:left; }
.schedule_settings2 .area_right table.list tr:nth-child(2n) td{ background:none; }
.schedule_settings2 .area_right table.list tr:hover td{ background:none; }
.schedule_settings2 .area_right table.list tr.invalid td{ background-color:#ffc0cb; }
.schedule_settings2 .area_right table.list tr.disabled td{ /*color:#999;  rowspan인 경우 포트번호에 색상주는게 애매*/ }
.schedule_settings2 .area_right table.list th.today{ background-color:#cedef2; color:#385977; }
.schedule_settings2 .area_right table.list td.today{ background-color:#e8f2ff !important; }
.schedule_settings2 .area_right table.list tr.disabled td.today{ background-color:#eee !important; }
.schedule_settings2 .area_right table.list button.ok{ opacity:1; }
.schedule_settings2 .area_right table.list textarea{ box-sizing: border-box; padding:0 2px; }
.schedule_settings2 .area_right .s_btn{ position:absolute; }
.schedule_settings2 .area_right .s_btn.top{ top:0; right:0; }
.schedule_settings2 .area_right .s_btn.bottom{ bottom:0; right:0; display:none; }
.schedule_settings2 .area_right .s_btn button{ font-size:11px !important; }

span.icon.basic{ display:inline-block; min-width:24px; height:14px; line-height:14px; padding:0 2px; vertical-align:middle; background-color:#b9d99d; font-size:10px; text-align:center; font-weight:normal; }
span.icon.temporary{ display:inline-block; min-width:24px; height:14px; line-height:14px; padding:0 2px; vertical-align:middle; background-color:#f9b7a9; font-size:10px; text-align:center; font-weight:normal; }
span.icon_txt.basic{ background-color:#b9d99d; color:#333; }
span.icon_txt.temporary{ background-color:#f9b7a9; color:#333; }

.schedule_con{ padding:0 10px; }

.schedule_settings{ }
.schedule_settings .area_right .detail_row{ width:1100px; }
.schedule_settings .area_right table.list th.today{ background-color:#dce4f1; /*color:#385977;*/ }
.schedule_settings .area_right table.list td.today{ background-color:#f1f5fc !important; }
.schedule_settings .area_right .divbtnset{ width:1100px; }


/* reboot status */
span.reboot_status{ display:inline-block; width:18px; height:18px; background:url(../images/common/btn_icon.png) no-repeat; vertical-align:middle; text-indent:-999px; overflow:hidden; }
span.reboot_status.need{ background-position:-264px -137px; }
span.reboot_status.fail{ background-position:-282px -137px; }
span.reboot_status.progress{ background-position:-300px -137px; }
span.reboot_status.downloading2{ background-position:-318px -137px; position:relative; }
span.reboot_status.downloading2::after{ display:block; width:8px; height:8px; background:url(../images/common/btn_icon.png) no-repeat; background-position:-341px -142px;  position:absolute; top:5px; left:5px; animation:opa1 1s ease-out infinite;  content:''; }
span.reboot_status.downloading{ background-position:-354px -137px; position:relative; }
span.reboot_status.downloading::after{ display:block; width:18px; height:18px; background:url(../images/common/btn_icon.png) no-repeat; background-position:-372px -137px;  position:absolute; top:0; left:0; animation:spin 2s linear infinite;  content:''; }

@keyframes spin{
  0%{ transform:rotate(0deg); }
  100%{ transform:rotate(360deg); }
}

@keyframes opa1{
  0%{ transform: translateY(0); }
  50%{ transform: translateY(-2px); }
  100%{ transform: translateY(0); }
}


/* detail_con : switch_port - port.css */


/* legend - port.css */


/* switch_status - port.css */


/* port_status - port.css */


/* one port status - port.css */


/* network_status */
span.network_status{ display:inline-block; width:26px; height:22px; background:url(../images/common/network_status.png) no-repeat; vertical-align:middle; text-indent:-999px; overflow:hidden; margin-left:5px; }
span.network_status.active{ background-position:0 0; }
span.network_status.alert{ background-position:0 -22px; }
span.network_status.unreachable{ background-position:0 -44px; }
span.network_status.dormant{ background-position:0 -66px; }


/* switch type */
span.switch_type{ display:inline-block; width:18px; height:18px; background:url(../images/common/btn_icon.png) no-repeat; vertical-align:middle; text-indent:-999px; overflow:hidden; margin-left:5px; }
span.switch_type.cloud{ background-position:-102px -137px; }
span.switch_type.security{ background-position:-120px -137px; }
span.switch_type.cloud_security{ background-position:-138px -137px; }
span.switch_type.cloud_no_timatrix{ background-position:-156px -137px; }

/* terminal */
span.btn_terminal{ cursor:pointer; display:inline-block; width:20px; height:18px; background:url(../images/common/btn_icon.png) no-repeat -178px -138px; vertical-align:middle; text-indent:-999px; overflow:hidden;}
span.btn_terminal.disabled{ opacity: 0.4; cursor:default; }

/* change_pw */
span.change_pw{ display:inline-block; width:16px; height:16px; background:url(../images/common/btn_icon.png) no-repeat; vertical-align:middle; text-indent:-999px; overflow:hidden; margin-left:5px; }
span.change_pw.success{ background-position:-180px -200px; }
span.change_pw.fail{ background-position:-196px -200px; }
span.change_pw.none{ background-position:-212px -200px; }


/* chosen drop */
.chosen_con{ display:inline-block; vertical-align:middle; position:relative; }
.chosen_con ul.chosen_choice{ height:20px; padding:2px; border-top:1px #909090 solid; border-right:1px #c0c0c0 solid; border-bottom:1px #c0c0c0 solid; border-left:1px #909090 solid; overflow:hidden; }
.chosen_con ul.chosen_choice li{ float:left; border:1px #ccc solid; border-radius:3px; background-color:#eee; padding:0 5px; }
.chosen_con ul.chosen_choice li span{ display:inline-block; vertical-align:middle; line-height:1em; }
.chosen_con ul.chosen_choice li a.close{ display:inline-block; width:12px; height:12px; cursor:pointer; background:url(../images/common/btn_icon.png) no-repeat -24px -24px; vertical-align:middle; }
.chosen_con a.chosen_single{ height:20px; display:block; padding:2px; border-top:1px #909090 solid; border-right:1px #c0c0c0 solid; border-bottom:1px #c0c0c0 solid; border-left:1px #909090 solid; overflow:hidden; text-decoration:none; text-align:left; cursor:pointer; /*background:url(../images/common/btn_icon.png) no-repeat 100% -22px;*/ }
.chosen_con a.chosen_single.with_drop{ background-position:100% -42px; }
.chosen_con div.chosen_drop{ display:none; position:absolute; top:25px; left:0; width:100%; box-sizing:border-box; z-index:50; background:#fff; border:1px #909090 solid; }
.chosen_con div.chosen_drop ul.search_results{  }
.chosen_con div.chosen_drop ul.search_results li{ text-align:left; line-height:20px; padding:2px 7px; cursor:pointer; }
.chosen_con div.chosen_drop ul.search_results li:hover{ background:#e9e9e9; color:#333; }
.chosen_con div.chosen_drop ul.search_results li.sel{ background:#d5dde5; color:#2162ae; }
.chosen_con div.chosen_drop div.chosen_search{ margin:4px; text-align:left; }
.chosen_con div.chosen_drop div.chosen_search input{ width:100%; padding:2px 18px 2px 4px; box-sizing:border-box; /*background:url(../images/common/btn_icon.png) no-repeat 100% 0;*/ }


/* license quality icon */
span.license_quality{ display:inline-block; width:18px; height:18px; background:url(../images/common/license_status.png) no-repeat -6px -24px; vertical-align:middle; text-indent:-999px; overflow:hidden; margin-left:5px; }
span.license_quality.ok{ color:#fff; background-position:-6px -2px; }
span.license_quality.expired{ color:#fff;  background-position:-6px -24px; }
span.license_quality.warning{ color:#fff;  background-position:-6px -46px; }
span.license_quality.starting{ color:#fff;  background-position:-6px -68px; }


/* Administrators icon */
span.priv_label{ display:inline-block; padding:2px 5px; border-radius:2px; font-size:11px; line-height:12px; border:1px #bbb solid; box-sizing:border-box; }
span.priv_label.super{ background-color:#fbd4c7; border-color:#f7a387; }
span.priv_label.head{ background-color:#b2c9eb; border-color:#80a1c3; }
span.priv_label.org{ background-color:#d3e7bc; border-color:#9bcd61; }
span.priv_label.network{ background-color:#ffefc7; border-color:#fad05b; }
span.priv_label.tagged{ background-color:#ddd; border-color:#bbb; }


/* USB Install */
span.install_type{ display:inline-block; padding:2px 5px; border-radius:2px; font-size:11px; line-height:12px; border:1px #bbb solid; box-sizing:border-box; }
span.install_type.os{ background-color:#ffefc7; border-color:#fad05b; }
span.install_type.os{ background-color:#ffefc7; border-color:#fad05b; }
span.install_type.config{ background-color:#d3e7bc; border-color:#9bcd61;  }


a.icon_btn span.icon{ display:inline-block; width:16px; height:16px; margin-right:2px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat; }
a.icon_btn.download span.icon{ background-position:-140px -200px; }
a.icon_btn.download span.icon:hover{ background-position:-140px -216px; }
a.icon_btn.email_link span.icon{ background-position:-156px -200px; }
a.icon_btn.email_link span.icon:hover{ background-position:-156px -216px; }
a.icon_btn.detail_view span.icon{ background-position:-140px -232px; }
a.icon_btn.detail_view span.icon:hover{ background-position:-140px -248px; }

.required  span.icon{ display:none; width:12px; height:12px; margin-right:5px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -60px -12px;  }
.required::before{ display:inline-block; width:12px; height:12px; margin-right:5px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -60px -12px; content:''; }

/* bottom button  */
div.divbtnset{ text-align:center; padding:5px; clear:both; }
div.divbtnset>button.btn_apply_to_network{ margin-right:10px;}
div.divbtnset>button.btn_apply_to_network span.icon{ background-position:-192px -36px; margin-top:-1px; }
div.divbtnset>button{ display:inline-block; font-weight:bold; height:24px; line-height:24px; border:1px #a9a9a9 solid; background:#f9f9f9; padding:0 6px; font-size:1em; border-radius:3px; white-space:nowrap; min-width:50px; }
div.divbtnset>button.primary{ border:1px #188d7f solid; background:#2eab9c; color:#fff; }

/*.list_area div.divbtnset{ background:#f3f3f3; border-top:1px #fff solid; border-bottom:1px #ccc solid; }*/
.detail_area div.divbtnset{ padding:5px 0; clear:both; }
.detail_area div.divbtnset.unsaved{ background-color:#ffefc7; }

.detail_area.switch_settings .action_area{ padding:0 5px 5px 5px; }
.detail_area.switch_settings .parent{ width:fit-content; max-height:220px; }

.detail_area.device_replace .wrap_list{ border-top:1px #cfcfcf solid; }
.detail_area.device_replace table.list thead tr th{ border-top:0;border-bottom:0; box-shadow: 0 -1px 0 #b6b6b8 inset;}
.detail_area.device_replace table.list td { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* tbody */
.tbody{ background-color:#d4d4d4; text-align:right; padding:2px 6px; /*border-bottom:1px #cfcfcf solid;*/ position:relative; }
.list_area .tbody div.divbtnset{ position:absolute; top:2px; left:6px; padding:0; }


/* detail_con : button 18px */
.detail_area div.divbtn.s_btn{ display:inline-block; margin-bottom:10px; padding:0 5px; }
.detail_area div.divbtn.s_btn>button{ font-weight:normal; text-align:center; height:20px; line-height:18px; font-size:11px; }
.detail_area div.divbtn.s_btn .icon{ display:inline-block; width:12px; height:12px; margin-right:2px; vertical-align:middle; }
.detail_area div.divbtn.s_btn .btn_port_list{}
.detail_area div.divbtn.s_btn .btn_port_list span.icon{ background:url(../images/common/btn_icon.png) no-repeat -48px 0; margin:0 0 0 2px; }
.detail_area div.divbtn.s_btn .btn_tech_helper{}
.detail_area div.divbtn.s_btn .btn_tech_helper span.icon{ background:url(../images/common/btn_icon.png) no-repeat -48px 0; margin:0 0 0 2px; }


/* overview */
.overview_area{ position:relative; }
/*.overview_area .network_map_container{ width:100%; height:100%; position:absolute; top:auto; }*/
.overview_area iframe{ width:100%; height:100%; position:absolute; top:auto; }
.overview_area .layer_info{ position:absolute; top:50px; right:-1px; float:right; width:600px; background:#fff; border:1px #999 solid; z-index:10; }
.overview_area .layer_info .inner{ position:relative; width:100%; }
/* overview | tab */
.overview_area .layer_info .tabs{ height:35px; background-color:#f3f3f3; margin-bottom:0; border-bottom:0; padding:0; }
.overview_area .layer_info .tabs ul{ padding:0; border-bottom:0; }
.overview_area .layer_info .tabs ul li{ float:left; width:50%; border-bottom:1px #c5c5c5 solid; background-color:#fff; }
.overview_area .layer_info .tabs ul li:hover{ background-color:#f9f9f9; }
.overview_area .layer_info .tabs ul li:hover a{ color:#666; }
.overview_area .layer_info .tabs ul li a{ display:block; text-align:center; padding:7px 0; line-height:20px; border-top:0; border-left:0; border-right:1px #ddd solid; text-decoration:none; color:#aaa; font-size:1.0em; font-weight:bold; cursor:pointer; }
.overview_area .layer_info .tabs ul li:last-child a{ border-right:0;  }
.overview_area .layer_info .tabs ul li a span.total{ font-weight:bold; color:#4982c4; font-size:0.9em; line-height:1em; }
.overview_area .layer_info .tabs ul li.selected{ background:#f3f3f3; border-bottom:0; }
.overview_area .layer_info .tabs ul li.selected a{ color:#333; } 


/* overview | table */
.overview_area .layer_info .table_area{ }
.overview_area .layer_info .table_area .overview_table{}
.overview_area .layer_info .table_area .overview_table.network_table{}
.overview_area .layer_info .table_area .overview_table.network_tag_table{ display:none; }
.overview_area .layer_info .table_area .overview_table.device_table{ display:none; }

.overview_area .layer_info .table_area .action_area{ border-top:0; }
.overview_area .layer_info .table_area .action_area .divbtn{ display:none; }
.overview_area .layer_info .table_area .action_area p.search_count{ font-weight:bold; }
.overview_area .layer_info .table_area .action_area p.txt{ padding-left:10px; display:none; }
.overview_area .layer_info.maximum .table_area .action_area .divbtn{ display:block; }
.overview_area .layer_info.maximum .table_area .action_area  p.search_count{  }
.overview_area .layer_info.maximum .table_area .action_area  p.txt{ display:none; }
.overview_area .layer_info .table_area .action_area .divsearch>input[type=text]{ width:160px; }
.overview_area .layer_info .table_area .action_area .divsearch .layer_st{ width:190px;  }
.overview_area .layer_info .table_area .action_area .divsearch .layer_st input[type=text]{ width:158px;  }

.overview_area .layer_info .table_area .divlist{ width:100%; overflow:hidden; }
.overview_area .layer_info .table_area .overview_table.device_table .divlist{ }
.overview_area .layer_info .table_area .divlist .no_items_message{ padding:10px; }
.overview_area .layer_info .table_area .columnReorder_group .layer_st{ width:200px; height:260px; }
.overview_area .layer_info .table_area .overview_table.device_table .columnReorder_group .layer_st{ width:200px; height:350px; }
.overview_area .layer_info .table_area .columnReorder_group .layer_st dt{ display:none; }

.overview_area .layer_info .btn_arrow_area{ width:12px; height:40px; background-color:#fff; border:1px #999 solid; border-right:none; position:absolute; top:-1px; left:-14px; vertical-align:middle; border-radius:5px 0 0 5px; }
.overview_area .layer_info .btn_arrow_area button.btn_arrow{ width:12px; height:40px; background:url(../images/common/btn_icon.png) -96px -36px; border:none; }
.overview_area .layer_info .btn_arrow_area button.btn_arrow.right{ background-position:-120px -36px; }


/* detail_con : summary_reports */
.summary_reports{}
.summary_reports .small_print{ display:block; padding:0 0 5px 20px; }
.summary_reports .con_division{ }
.summary_reports .con_division .area_left{ float:left; width:50%; }
.summary_reports .con_division .area_right{ float:left; width:50%; }
.summary_reports table.list{ width:100%; }
.summary_reports .client_graph{  height:160px; }
.summary_reports .usage_graph{ }
.summary_reports .port_utilization_graph{ padding:10px; }
.summary_reports .port_utilization_graph .bar{ height:20px; border:1px #999 solid; }
.summary_reports .port_utilization_graph .bar ul{ overflow:hidden; }
.summary_reports .port_utilization_graph .bar ul li{ float:left; display:block; height:20px; }
.summary_reports .port_utilization_graph .bar ul li.speed10G{ background:#0a77c7; }
.summary_reports .port_utilization_graph .bar ul li.speed1G{ background:#4f9317; }
.summary_reports .port_utilization_graph .bar ul li.speed100M{ background:#1bc2c3; }
.summary_reports .port_utilization_graph .bar ul li.speed10M{ background:#f5ce33; }
.summary_reports .port_utilization_graph .bar ul li.unused{ background:#bbb; }
.summary_reports .port_utilization_graph .txt{ }
.summary_reports .port_utilization_graph .txt ul{ position:relative;overflow:hidden; }
.summary_reports .port_utilization_graph .txt ul li{ float:left; display:block; height:14px; text-align:right; font-size:10px; color:#666; }
.summary_reports .port_utilization_graph .txt ul li:first-child{ position:absolute; top:0; left:0; }
.summary_reports .legend{}
.summary_reports .legend ul{}
.summary_reports .legend ul li{ width:auto; }
.summary_reports .legend ul li span{ width:10px; height:10px; }
.summary_reports .port_utilization_graph .legend ul li.speed10G span{ background:#0a77c7; }
.summary_reports .port_utilization_graph .legend ul li.speed1G span{ background:#4f9317; }
.summary_reports .port_utilization_graph .legend ul li.speed100M span{ background:#1bc2c3; }
.summary_reports .port_utilization_graph .legend ul li.speed10M span{ background:#f5ce33; }
.summary_reports .port_utilization_graph .legend ul li.unused span{ background:#bbb; }
.summary_reports .port_utilization_graph .legend ul li label{ font-size:1.1em; color:#666; font-weight:bold; }
.summary_reports .network_connectivity{ padding:10px; }
.summary_reports .network_connectivity .bar{ height:20px; border:1px #999 solid; }
.summary_reports .network_connectivity .bar ul{ overflow:hidden; }
.summary_reports .network_connectivity .bar ul li{ float:left; display:block; height:20px; }
.summary_reports .network_connectivity .bar ul li.lv0{ background:#ababab; }
.summary_reports .network_connectivity .bar ul li.lv1{ background:#e37553; }
.summary_reports .network_connectivity .bar ul li.lv2{ background:#edc240; }
.summary_reports .network_connectivity .bar ul li.lv3{ background:#7f84bd; }
.summary_reports .network_connectivity .bar ul li.lv4{ background:#4bafc8; }
.summary_reports .network_connectivity .bar ul li.lv5{ background:#5BA718; }
.summary_reports .network_connectivity .txt{ }
.summary_reports .network_connectivity .txt ul{ position:relative;overflow:hidden; }
.summary_reports .network_connectivity .txt ul li{ float:left; display:block; height:14px; text-align:right; font-size:10px; color:#666; }
.summary_reports .network_connectivity .txt ul li:first-child{ position:absolute; top:0; left:0; }
.summary_reports .network_connectivity .legend ul li.lv0 span{ background:#ababab; }
.summary_reports .network_connectivity .legend ul li.lv1 span{ background:#e37553; }
.summary_reports .network_connectivity .legend ul li.lv2 span{ background:#edc240; }
.summary_reports .network_connectivity .legend ul li.lv3 span{ background:#7f84bd; }
.summary_reports .network_connectivity .legend ul li.lv4 span{ background:#4bafc8; }
.summary_reports .network_connectivity .legend ul li.lv5 span{ background:#5BA718; }
.summary_reports .network_map{ height:256px; background:#ccc; }
.summary_reports .network_traffic_usage_graph{ padding:10px; }
.summary_reports .network_device{ z-index:1000; }
.summary_reports .network_device .graph_set ul{}
.summary_reports .network_device .graph_set ul li{ float:left; width:24%; margin-right:1.3%; position:relative; }
.summary_reports .network_device .graph_set ul li:last-child{ margin-right:0; }
.summary_reports .network_device .graph_set ul li>span{ text-align:center; display:block; font-size:0.9em; font-weight:bold; color:#666; }
.summary_reports .network_device .graph_set ul li>div.graph{ height:180px; }
.summary_reports .network_device .graph_set ul li:last-child>div.graph{ height:180px; }
.summary_reports .network_device .graph_set ul li>div.pop_list{ position:absolute; top:0; right:-180px; background-color:#fff; width:160px; z-index:700; border:1px #999 solid; display:none; box-shadow:3px 3px 6px #666;  border-top-left-radius:7px; border-top-right-radius:7px; }
.summary_reports .network_device .graph_set ul li>div.pop_list .header{ padding:4px; min-height:18px;  position:relative; background:#f9f9f9; border-bottom:1px #cfcfcf solid; border-top-left-radius:7px; border-top-right-radius:7px; }
.summary_reports .network_device .graph_set ul li>div.pop_list .header h5{ font-size:1em; font-weight:bold; }
.summary_reports .network_device .graph_set ul li>div.pop_list .header .btn_close{ position:absolute; top:10px; right:10px; width:12px; height:12px; cursor:pointer; background:url(../images/common/btn_icon.png) no-repeat -12px -24px; }
.summary_reports .network_device .graph_set ul li>div.pop_list .header .btn_close:hover{ background-position:-12px -36px; }
.summary_reports .network_device .graph_set ul li>div.pop_list .con{ padding:0px; overflow-y:auto; overflow-x:none; min-height:30px; max-height:130px; }
.summary_reports .network_device .graph_set ul li>div.pop_list .con table.list th{ border-top:0; }
.summary_reports .network_device .graph_set ul li>div.pop_list .con table.list td:last-child{ border:0; }

.summary_reports .network_device .legend{ display:block; padding:0; clear:both; text-align:center; }
.summary_reports .network_device .legend ul li.normal span{ background:#b0c051; }
.summary_reports .network_device .legend ul li.abnormal span{ background:#edc240; }
.summary_reports .network_device .legend ul li.warn span{ background:#edc240; }
.summary_reports .network_device .legend ul li.danger span{ background:#e37553; }
.summary_reports .network_device .legend ul li.nodata span{ background:#ababab; }

.summary_reports div.graph_desc{ position:absolute; top:2px; right:0; }
.summary_reports div.graph_desc span{ display:inline-block; padding-left:5px;}
.summary_reports div.graph_desc span.time{ color:#666; }
.summary_reports div.graph_desc span.rx{ color:#7db8e5; }
.summary_reports div.graph_desc span.tx{ color:#7779c2; }
.summary_reports div.graph_desc span.total{ color:#edc240; }
.summary_reports div.graph_desc span.cpu{ color:#9ACAEC; }
.summary_reports div.graph_desc span.memory{ color:#7977C2; }
.summary_reports div.graph_desc span.disk{ color:#FFC000; }


.summary_reports .assets ul{ overflow:hidden; }
.summary_reports .assets ul li{ display:block; float:left; width:33.3%; padding:15px; box-sizing:border-box; cursor:pointer; }
.summary_reports .assets ul li span{ display:block; float:left; }
.summary_reports .assets ul li span.icon{ width:36px; height:36px; margin-right:10px; background: url(../images/common/btn_icon.png) no-repeat; }
.summary_reports .assets ul li span.cnt{ font-size:24px; line-height:30px; float:none; }
.summary_reports .assets ul li span.asset_name{ font-size:11px; line-height:14px; float:none; color:#666; }
.summary_reports .assets ul li.pc span.icon{ background-position:-392px -84px; }
.summary_reports .assets ul li.voip span.icon{ background-position:-428px -84px; }
.summary_reports .assets ul li.switch span.icon{ background-position:-464px -84px; }
.summary_reports .assets ul li.printer span.icon{ background-position:-392px -120px; }
.summary_reports .assets ul li.server span.icon{ background-position:-428px -120px; }
.summary_reports .assets ul li.router span.icon{ background-position:-464px -120px; }
.summary_reports .assets ul li.ap span.icon{ background-position:-392px -156px; }
.summary_reports .assets ul li.pos span.icon{ background-position:-428px -156px; }
.summary_reports .assets ul li.etc span.icon{ background-position:-464px -156px; }
.summary_reports .assets ul li:hover.pc span.icon{ background-position:-392px -192px; }
.summary_reports .assets ul li:hover.voip span.icon{ background-position:-428px -192px; }
.summary_reports .assets ul li:hover.switch span.icon{ background-position:-464px -192px; }
.summary_reports .assets ul li:hover.printer span.icon{ background-position:-392px -228px; }
.summary_reports .assets ul li:hover.server span.icon{ background-position:-428px -228px; }
.summary_reports .assets ul li:hover.router span.icon{ background-position:-464px -228px; }
.summary_reports .assets ul li:hover.ap span.icon{ background-position:-392px -264px; }
.summary_reports .assets ul li:hover.pos span.icon{ background-position:-428px -264px; }
.summary_reports .assets ul li:hover.etc span.icon{ background-position:-464px -264px; }
.summary_reports .assets ul li:hover span.cnt{ color:#2162ae;  }
.summary_reports .assets ul li.more_asset{ display:none; }
.summary_reports .assets .bottom{ overflow:hidden; }
.summary_reports .assets .bottom a{ font-size:11px; padding-left:15px; float:left; }
.summary_reports .assets .bottom a.more{ display:none; /*display:block;*/ }
.summary_reports .assets .bottom a.hide{ display:none; }
.summary_reports .assets .bottom span.total{ font-size:11px; color:#666; padding-right:15px; float:right; }
.summary_reports .assets .bottom span.total strong{ font-size:16px; font-weight:normal; }

.summary_reports .hosts{ overflow: hidden; padding:10px 0; }
.summary_reports .hosts .graph{ width:35%; height:180px; margin-right:5%; float:left; }
.summary_reports .hosts .no_data{ margin-right:5%; float:left; width:180px; height:180px; padding:0; }
.summary_reports .hosts ul{ float:left; width:60%; padding:20px 0; }
.summary_reports .hosts li{ overflow:hidden; padding:6px 20%; }
.summary_reports .hosts li span.icon{ float:left; width:10px; height:10px; margin-right:5px; display:block; vertical-align:middle; }
.summary_reports .hosts li span.tit{ float:left; line-height:12px; margin-bottom: 10px; color:#666; font-size:11px; }
.summary_reports .hosts li span.cnt{ float:right; font-size:24px; display:block; }
.summary_reports .hosts li.online span.icon{ background-color:#9fb907; }
.summary_reports .hosts li.offline span.icon{ background-color:#bbb; }
.summary_reports .hosts li.block span.icon{ background-color:#f47053; }


/* custom report */
.custom_report{position:relative; background-color:#f3f3f3; padding:0; }
.custom_report .preview{ height:100%; overflow-y:auto; padding:10px; margin-right:360px; position:relative; box-sizing:border-box; }
.custom_report .preview .scene{ width:540px; height:760px; margin:0 auto; border:1px #9e9e9e solid; background:#fff; box-sizing:border-box; position:relative; }
.custom_report .preview .scene.cover{ display: block;  }

.custom_report .preview .scene.cover.design1{ background:url(../../resources/images/report/custom_report_cover1.png) no-repeat 0 30%; background-color:#fff;  }
.custom_report .preview .scene.cover.design1 .logo{ min-width:120px; min-height:30px; position:absolute; top:5%; left:5%; }
.custom_report .preview .scene.cover.design1 .title{ position: absolute; top:31%; right:5%; color:#fff; font-size:50px; text-align:right; }
.custom_report .preview .scene.cover.design1 .description{ position: absolute; top:40%; right:5%; }
.custom_report .preview .scene.cover.design1 .description li{ color:#b9bece; font-size:11px; text-align:right; }
.custom_report .preview .scene.cover.design1 .copyright{ position: absolute; bottom:1.2%; width:100%; text-align:center; color:#999; font-size:10px; }

.custom_report .preview .scene.cover.design2{ background:url(../../resources/images/report/custom_report_cover2.png);  }
.custom_report .preview .scene.cover.design2 .logo{ min-width:120px; min-height:30px;  position:absolute; bottom:1.2%; right:5%; text-align:right; }
.custom_report .preview .scene.cover.design2 .logo img{ width:70%; }
.custom_report .preview .scene.cover.design2 .title{ position: absolute; top:12%; left:5%; color:#333; font-size:60px; line-height:60px; text-align:right; }
.custom_report .preview .scene.cover.design2 .description{ position: absolute; top:25%; left:5%; background:url(../../resources/images/report/custom_report_cover2_bar.png) no-repeat top left; padding-top:15px; }
.custom_report .preview .scene.cover.design2 .description li{ color:#666; font-size:11px; text-align:left; }
.custom_report .preview .scene.cover.design2 .copyright{ position: absolute; bottom:1.2%; left:5%; color:#999; font-size:10px; }

.custom_report .preview .scene.cover.design3{ background:url(../../resources/images/report/custom_report_cover3.png) no-repeat 50% 50%; line-height: 760px; text-align:center; font-size:60px; color:#999; }
.custom_report .preview .scene.cover.design3::after{ content:"표지없음"; }
.custom_report .preview .scene.cover.design3 .logo, 
.custom_report .preview .scene.cover.design3 .title,
.custom_report .preview .scene.cover.design3 .description,
.custom_report .preview .scene.cover.design3 .copyright{ display:none; }


.custom_report .preview .scene.con{ padding:10px; display:none; }
.custom_report .preview .scene.con .header{ background-color:#dee2ea; min-height:50px; position:relative; padding:10px 15px; box-sizing:border-box; margin-bottom:10px; }
.custom_report .preview .scene.con .header .logo{ position:absolute; top:10px; right:12px; text-align: right; }
.custom_report .preview .scene.con .header .logo img{ width:60%; }
.custom_report .preview .scene.con .header .title{ color:#333; font-size:16px; line-height:24px; font-weight:bold; text-align:left; }
.custom_report .preview .scene.con .header .description{ line-height:12px; }
.custom_report .preview .scene.con .header .description li{ display:inline-block; color:#333; font-size:11px; line-height:18px; padding:0 5px 0 0; letter-spacing:-0.5px; /*border-right:1px #999 solid;*/ }
.custom_report .preview .scene.con .header .description li:last-child{ border-right:0; }

.custom_report .preview .scene.con .component_wrap{ position:relative; float:left; }
.custom_report .preview .scene.con .component_wrap .dropZone { clear:both; float:left;  }
.custom_report .preview .scene.con .component_wrap .dropZone > div{ float:left; width:254px; height:206px; margin-bottom:10px; box-sizing:border-box; }
.custom_report .preview .scene.con .component_wrap .dropZone > div:first-child{ margin-right:10px; }
.custom_report .preview .scene.con .component_wrap .dropZone > div.w1{ width:518px; margin-right:0; }
.custom_report .preview .scene.con .component_wrap .component{ border:1px #e5e5e5 dashed; }
.custom_report .preview .scene.con .component_wrap .component.selected{ border-color:#4d76a6; }
.custom_report .preview .scene.con .component_wrap .component .ui-draggable-dragging{ background-color:#fff; opacity:0.6; }
.custom_report .preview .scene.con .component_wrap .component .component_header{ position:relative; }
.custom_report .preview .scene.con .component_wrap .component .component_header h4{ font-size:11px; line-height:12px; background:url(../images/report/stit_bullet.png) no-repeat 8px 50%; }
.custom_report .preview .scene.con .component_wrap .component .component_header .component_control{ position:absolute; top:5px; right:5px; margin:0; }
.custom_report .preview .scene.con .component_wrap .component .component_header .component_control>li{ float:left; line-height:14px; font-size:0; position:relative; }
.custom_report .preview .scene.con .component_wrap .component .component_header .component_control>li>button{ border:0; border-radius:0; background:none; line-height:12px; height:12px; padding:0; float:none !important; font-size:11px; }
.custom_report .preview .scene.con .component_wrap .component .component_header .component_control>li>button .icon{ width:12px; height:12px; line-height:12px; box-sizing:border-box; background:url(../../resources/images/common/btn_icon.png) no-repeat; }
.custom_report .preview .scene.con .component_wrap .component .component_header .component_control>li>button.btn_setting .icon{ background-position:-36px -24px; }
.custom_report .preview .scene.con .component_wrap .component .component_header .component_control>li>button.close .icon{ background-position:-24px -24px; }
.custom_report .preview .scene.con .component_wrap .component .component_header .component_control>li.drop_down .layer_st{ top:20px; right:-10px; left:auto; min-width:160px; padding:5px; }
.custom_report .preview .scene.con .component_wrap .component .component_header .component_control>li.drop_down .layer_st dl dt{ float:left; padding:2px 5px 2px 0; }
.custom_report .preview .scene.con .component_wrap .component .component_header .component_control>li.drop_down .layer_st dl dd{ padding:2px 0; }
.custom_report .preview .scene.con .component_wrap .component .component_header .component_control>li.drop_down .layer_st dl dd textarea{ width:150px; }
.custom_report .preview .scene.con .component_wrap .component .component_content{ text-align:center; padding:5px; }
.custom_report .preview .scene.con .component_wrap .component .component_content{}
.custom_report .preview .scene.con .current_page{ position:absolute; right:10px; bottom:1.2%;color:#999; font-size:10px; }
.custom_report .preview .scene.con .copyright{ position: absolute; left:10px; bottom:1.2%; color:#999; font-size:10px; }

.custom_report .preview .paging{ position:absolute; bottom:5px; left:50%; width:100px; margin:0 0 0 -50px; text-align:center; }
.custom_report .preview .paging .page{ /*display:block;*/ }

.custom_report>.setting{ position:absolute; top:0; right:0; width:360px; height:100%; border-left:1px #ddd solid; box-sizing:border-box; }
.custom_report>.setting .tabs{ }
.custom_report>.setting .tabs ul{ padding:0; border-bottom:0; }
.custom_report>.setting .tabs ul li{ width:50%; box-sizing: border-box; }
.custom_report>.setting .tabs ul li a{ border:0; border-bottom:1px #ddd solid; }
.custom_report>.setting .tabs ul li:first-child a{ border-right:1px #ddd solid; }
.custom_report>.setting .tabs ul li.selected a{ color:#333; border-bottom:1px #f3f3f3 solid; } 

.custom_report>.setting .con{ display:none; padding:10px 20px; }
.custom_report>.setting .con.design{ display:block; }
.custom_report>.setting .con.design li{ padding:0 0 20px 0; }
.custom_report>.setting .con.design li:last-child{ padding:0; }
.custom_report>.setting .con.design li dl{}
.custom_report>.setting .con.design li dt{ font-weight:bold; background:url(../../resources/images/common/bullet_2.png) no-repeat 0 6px; padding:0 0 5px 6px; }
.custom_report>.setting .con.design li dd{ padding:0 0 0 6px; }
.custom_report>.setting .con.design li dd input[type=text]{ width:300px; }
.custom_report>.setting .con.design li dd .upload_file{}
.custom_report>.setting .con.design li dd .upload_file input[type=text]{ width:180px; }
.custom_report>.setting .con.design li dd.cover_design label{ margin-right:20px; display:inline-block; }
.custom_report>.setting .con.design li dd.cover_design label span{ display:inline-block; width:26px; height:30px; margin:0 5px; vertical-align:middle; background:url(../../resources/images/common/btn_icon.png) -60px -260px; }
.custom_report>.setting .con.design li dd.cover_design label span.design1{ background-position:-60px -260px; }
.custom_report>.setting .con.design li dd.cover_design label span.design2{ background-position:-86px -260px; }
.custom_report>.setting .con.design li dd.cover_design label span.design3{ background-position:-112px -260px; }
.custom_report>.setting .con.component{}
.custom_report>.setting .con.component .notice{ color:#4e6ccd; font-size:11px; }
.custom_report>.setting .con.component ul{ }
.custom_report>.setting .con.component li{ width:320px; height:27px; line-height:25px; padding:0 10px; margin-bottom:4px; border:1px #d6d6d6 solid; /*border-radius:3px;*/ background-color:#e8e8e9; box-sizing:border-box; }
.custom_report>.setting .con.component li:last-child{ margin-bottom:0; }
.custom_report>.setting .con.component li:hover{ background-color:#e0e0e0; }
.custom_report>.setting .con.component li.selected{ /*opacity:0.5;*/ background-color:#dde3ea; border-color:#c5d2e1; }
/*span.icon_check{ display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -144px -170px; }
.custom_report>.setting .con.component li span.icon_check{ background:url(../../resources/images/common/btn_icon.png) no-repeat -160px -170px; margin-right:2px; }
.custom_report>.setting .con.component li.selected span.icon_check{ background:url(../../resources/images/common/btn_icon.png) no-repeat -144px -170px;  }*/
.custom_report>.setting .con.component li span.icon_check{ width:14px; height:14px; background:url(../../resources/images/common/btn_icon.png) no-repeat -108px -80px; margin:-1px 2px 0 0; }
.custom_report>.setting .con.component li.selected span.icon_check{ background:url(../../resources/images/common/btn_icon.png) no-repeat -108px -94px;  }
.custom_report>.setting .con.component li span.icon{ float:right; width:6px; height:20px; margin:3px 0; background:url(../../resources/images/common/btn_icon.png) no-repeat -120px -260px; vertical-align:middle; }
.custom_report>.setting .con.component li label{ width:100%; height: 100%; display: block; padding:0 10px; line-height:27px; }
.custom_report>.setting .con.component li a{ color:#666; text-decoration:none; font-size:11px; font-weight:bold; cursor:default; }
.custom_report>.setting .con.component li.selected a{ color:#333; }

/* disconnect_log */
.disconnect_log{ position:relative; width: 1000px; }
.disconnect_log ul{ overflow-y: scroll; background-color: #1f1f1f; resize: none; width: 100%; height: 450px; box-sizing:border-box; padding:5px 0; }
.disconnect_log ul li{ color: #4ebe3b; font-family: "courier new" !important; font-size:11px; line-height:14px; padding:2px 8px; }
.disconnect_log ul li.ct{ background:#005591; }
.disconnect_log button{ background: none !important; border:none !important; border-radius:0 !important; }
.disconnect_log button:hover{ background:rgba(50,50,50,0.5) !important; }
.disconnect_log button.btn_arr{ position:absolute; left:0; width:983px; height: 24px !important; z-index:10; }
.disconnect_log button.btn_arr.up{ top:0;  }
.disconnect_log button.btn_arr.down{ bottom:0;  }
.disconnect_log button.btn_ct{ position:absolute; right:20px; top:0; z-index:10; }
.disconnect_log button.btn_ct span.icon{ background-position:-384px 0; }

/* status_message */
.status_message{ position:absolute; right:0; bottom:9px; background-color:#ffefc7; padding:10px 20px; border:2px #fff solid; text-align:center; box-shadow:0 2px 6px #333; border-radius:3px; }
.status_message p.txt{ padding-bottom:5px; font-weight:bold; color:#000; }
.status_message div.divbtnset{ text-align:center; padding:0; border-bottom:none; background:none; }


/* help */
.wrap_help{ display:inline-block; position:relative; line-height:1em; }
.wrap_help .help_icon{ display:inline-block; width:11px; height:11px; line-height:1em; font-size:10px; background:url(../images/common/btn_icon.png) no-repeat 0 -24px; cursor:pointer; text-indent:-9999px; font-weight:normal; vertical-align:middle; text-align:left; overflow:hidden; }
.wrap_help .help_icon:hover{ /*background-position:0 -36px;*/ }
.wrap_help .help_exp{ width:240px; position:absolute; display:none; top:20px; left:-50px; background:#daebf2; padding:10px; font-weight:normal; white-space: normal; z-index:300; color:#333; text-align:left; line-height:1.4em;  box-shadow:2px 2px 10px 2px rgba(0,0,0,0.5); }
.wrap_help.over .help_exp{ display:block; }


/* tooltip */
.wrap_tooltip{ display:inline-block; position:relative; line-height:1em; font-size:1em; overflow:visible !important; }
.wrap_tooltip .tooltip_exp{ min-width:120px; position:absolute; display:none; top:20px; left:-50px; background:#daebf2; padding:10px; font-weight:normal; white-space: normal; z-index:300; color:#333; text-align:left; line-height:1.4em;  box-shadow:2px 2px 10px 2px rgba(0,0,0,0.5); text-indent:0; }

span.port_status.wrap_tooltip .tooltip_exp{ background: #facaaf !important; }


/* footer */
footer{ height:20px; }
footer p.copyright{ text-align:center; font-size:11px; }
footer p.copyright span{ font-weight:bold; font-size:11px; }

.wrap footer .skin_sel{ position:absolute; top:0; left:0; }
.wrap footer .skin_sel li{ display:inline-block; cursor:pointer; }


/* license_expired */
.license_expired{ position:absolute; top:5px; right:10px; padding:0 0 0 10px; color:#555; animation:twinkle 1s ease infinite; }
.license_expired .txt{ color:#d00; font-weight:bold; font-size:1.1em; background:url(../images/common/icon_license_expired.gif) no-repeat left; padding:0 0 0 16px; }
.license_expired.twinkle{ visibility:hidden; }

@keyframes twinkle{
	0%{ opacity:0; }
	25%{ opacity:1; }
	50%{ opacity:0; }
	75%{ opacity:1; }
	100%{ opacity:0; }
}

/* 파일 */
/*button.btn_file{ display:inline-block; color:#666; line-height:1em; font-size:11px; vertical-align:middle; background:none; background-color:transparent; margin-right:5px; text-decoration:underline; border:none; }
button.btn_file:last-child{ margin-right:0; }
button.btn_file .icon{ display:inline-block; width:16px; height:16px; margin-right:2px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat; }
button.btn_file.pdf .icon{ background-position:-60px -200px; }
button.btn_file.doc .icon{ background-position:-76px -200px; }
button.btn_file.excel .icon{ background-position:-92px -200px; }
button.btn_file.ppt .icon{ background-position:-108px -200px; }
button.btn_file.html .icon{ background-position:-124px -200px; }
button.btn_file:hover{ text-decoration:underline; }
button.btn_file.pdf:hover{ color:#e25a3c; }
button.btn_file.doc:hover{ color:#4b89e5; }
button.btn_file.excel:hover{ color:#5ba71b; }
button.btn_file.ppt:hover{ color:#f28244; }
button.btn_file.html:hover{ color:#333; }
button.btn_file.pdf:hover .icon{ background-position:-60px -216px; }
button.btn_file.doc:hover .icon{background-position:-76px -216px; }
button.btn_file.excel:hover .icon{background-position:-92px -216px; }
button.btn_file.ppt:hover .icon{background-position:-108px -216px; }
button.btn_file.html:hover .icon{background-position:-124px -216px; }
*/

span.icon_file{ display:inline-block; width:16px; height:16px; color:#666; line-height:1em; vertical-align:middle; margin-right:5px; text-indent:-99999px; overflow:hidden; background:url(../images/common/btn_icon.png) no-repeat; }
span.icon_file:last-child{ margin-right:0; }
span.icon_file.pdf{ background-position:-60px -200px; }
span.icon_file.doc{ background-position:-76px -200px; }
span.icon_file.excel{ background-position:-92px -200px; }
span.icon_file.ppt{ background-position:-108px -200px; }
span.icon_file.pdf:hover{ background-position:-60px -216px; }
span.icon_file.doc:hover{background-position:-76px -216px; }
span.icon_file.excel:hover{background-position:-92px -216px; }
span.icon_file.ppt:hover{background-position:-108px -216px; }


/* arrow icon - port.css */


.both{ clear:both; }


/* wrap popup */
.wrap.popup{ }
.wrap.popup header, .wrap.popup footer{ display:none; }
.wrap.popup .container .lnb{ display:none; }
.wrap.popup .container .conarea .contents{ margin:0 0; border:none; }




/************************************* divPopup *************************************/
.divPopup{ display:none; position:absolute; background:#fff; border:1px #999 solid; border-radius:7px; }
.divPopup.pop_update_poe_port{ width:540px; }
.divPopup.pop_edit_configuration{ width:450px; }
.divPopup.pop_update_port{ width:500px; }
.divPopup.pop_set_ip_address{ width:500px; }
.divPopup.pop_claim{ width:500px; height:450px; }
.divPopup.pop_create_user{ width:400px; min-height:200px; }
.divPopup.pop_addDevice{ width:400px; min-height:200px; }
.divPopup.pop_add_switches_csv{ width:300px; min-height:140px; }
.divPopup.pop_add_switches_csv .form{ margin-bottom:10px; text-align:center; }
.divPopup.pop_theme_setting{ width:300px; min-height:200px; }
.divPopup.pop_menu_layout{ width:300px; min-height:200px; }

.divPopup.pop_change_password{ width:400px; min-height:200px; }
.divPopup.pop_add_another_license{ width:400px; min-height:200px; }
.divPopup.pop_edit_dscp_to_cos_map{ width:500px; }
.divPopup.pop_email_this_report{ width:500px; }
.divPopup.pop_schedule_reports{ width:500px; }
.divPopup.pop_add_report_schedules{ width:760px; }
.divPopup.pop_ip_collision_list{ width:600px; }
.divPopup.pop_change_logo{ width:500px; min-height:200px; }
/**** chj97 added 160609 ****/
.divPopup.pop_backup_restore_edit{ width:300px; height:200px; }
.divPopup.pop_config_file_restore{ width:400px; height:200px; }
.divPopup.pop_import_excel{ width:360px; }
.divPopup.pop_setting_web_alert{ width:620px; }
.pop_upload_csv, .pop_device_upload_csv{ min-width:330px; }
.pop_silent_defence_device_info{ width:600px; }
.pop_silent_defence_device_info .scroll{ max-height:400px; overflow-y:scroll; }

.divPopup .header{ padding:12px 15px 10px 15px; border-bottom:1px #eee solid; position:relative; /*background:#f9f9f9;*/ min-height:22px; border-top-left-radius:7px; border-top-right-radius:7px; }
.divPopup .header h4{ float:left; font-size:1.3em; line-height:1.4em; padding-right:4px; }
.divPopup .header .monitoring_time{ float:left; line-height:1.8em; color:#999; padding:0 0 0 10px; font-family:arial, san-serif; font-size:11px; vertical-align:middle; }
.divPopup .header .btn_close{ position:absolute; top:16px; right:14px; width:12px; height:12px; cursor:pointer; background:url(../images/common/btn_icon.png) no-repeat -12px -36px; opacity:0.4; }
.divPopup .header .btn_close:hover{ opacity:1; }
/* .divPopup .header .btn_help{ position:absolute; top:18px; right:36px; width:12px; height:12px; cursor:pointer; background:url(../images/common/btn_icon.png) no-repeat -108px -36px; opacity:0.4; } */
.divPopup .header .btn_help:hover{ opacity:1; }
.divPopup .con{ padding:15px; }
.divPopup .con .scroll{ /*max-height:400px; overflow-y:auto;*/ }
.divPopup.pop_import_excel .con .form{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ddd solid; }
.divPopup.pop_import_excel .con div.excel_download{ color:#666; }
.divPopup .con h5{ font-size:1.2em; line-height:1.1em; font-weight:bold; padding:5px 0 5px 20px; background:url(../images/common/stit_bullet.png) no-repeat 8px 50%; }
.divPopup .header button.refresh{ border:0; background:none; margin-left:3px; }
.divPopup .con .drop_down>button{ width:24px; border:0; padding:0; background:none; }

/* divPopup : list */
.divPopup .con table.list{ width:auto; position:relative; }
.divPopup .con table.list th{ font-weight:bold; font-size:0.9em; width:auto; padding:5px 7px; border:none; border-right:1px #fff solid; background:#eee; text-align:left; }
.divPopup .con table.list td{ border-bottom:1px #ebebeb solid; line-height:1.2em; cursor:default; text-align:left; padding:4px 7px; }
.divPopup .con table.list th:first-child, .divPopup .con table.list td:first-child{ border-left:0px; }
.divPopup .con table.list th:last-child, .divPopup .con table.list td:last-child{ border-right:0px; }
.divPopup .con table.list tr:last-child td{ border-bottom:1px #ebebeb solid; }
.divPopup .con table.list tr:nth-child(2n) td{ background-color:#fff; }
.divPopup .con table.list tr:hover td{ background:none; }

/* divPopup : view */
.divPopup .con table.view{ width:100%; border-top:1px #ddd solid; margin-bottom:0; clear:both; }
.divPopup .con table.view th{ width:100px; line-height:18px; background:#f3f3f3; border-bottom:1px #ebebeb solid; font-size:11px; padding:3px 7px; text-align:right; }
.divPopup .con table.view td{ min-height:18px; line-height:18px; border-bottom:1px #ebebeb solid; text-align:left; font-size:12px; padding:3px 7px; }
.divPopup .con table.view input[type=text]{ /*height:18px; line-height:18px;*/ width:200px; }
.divPopup .con table.view input[type=password]{ /*height:18px; line-height:18px;*/ width:200px; }
.divPopup .con table.view input[type=number]{ /*height:18px; line-height:18px;*/ width:200px; }
.divPopup .con table.view textarea{ width:210px; }
.divPopup .con table.view select{ width:210px; }
.divPopup .con table.view .small_print{ font-size:0.9em; line-height:0.9em; color:#666; }
.divPopup .con table.view dl{ }
.divPopup .con table.view dl dt{ display:inline-block; width:54px; font-size:0.9em; padding:1px 0; text-align:right; }
.divPopup .con table.view dl dd{ display:inline-block; padding:1px 0; }
.divPopup .con table.view span.stit{ font-weight: bold; font-size:11px; display:block; }
.divPopup .con table.view .notice{ line-height:12px; font-size:11px; color:#dd1e31; display:block; padding:2px 0; }
.divPopup .con table.view .notice a{ font-size:1em; }
.divPopup .con table.view th .drop_down.btn_template{ text-align:left; }

.divPopup .con table.view .list{ margin-bottom:5px; width:auto; }
.divPopup .con table.view .list th{ font-weight:bold; font-size:0.9em; width:auto; padding:4px 7px; border:none; border-right:1px #fff solid; background:#eee; text-align:left; z-index:1; line-height:14px; }
.divPopup .con table.view .list th a{ font-weight:bold; font-size:0.9em; line-height:1em; }
.divPopup .con table.view .list td{ line-height:1.2em; cursor:default; text-align:left; padding:4px 7px; }
.divPopup .con table.view .list tr:hover td{ background:none; }
.divPopup .con table.view .list tr:nth-child(2n) td{ background:none; }

.divPopup .con table.view.noline{ border-top:0; }
.divPopup .con table.view.noline>tbody>tr>th{ background:transparent; border-bottom:0; }
.divPopup .con table.view.noline>tbody>tr>td{ border-bottom:0; }


.divPopup.pop_event_alarms .con table.list tr:hover td{ background-color:#f8f4ce !important; cursor:pointer; }

.divPopup .con table button.alarm_clear{ width:18px; height:18px; line-height:18px; border-radius:10px; background:none; background-color:#e83100; text-align:center; border:0; opacity:1; }
.divPopup .con table button.alarm_clear span.icon{ background-position:-288px -92px; margin-right:0; }
.divPopup .con table button.alarm_clear.cleared{ background-color:#bbb; }


.divPopup .con button.add{ vertical-align:middle; height:18px; line-height:18px; border:none; background:none; color:#3c6ca3; font-size:12px; padding:0 10px 0 3px; font-weight:normal; /*text-decoration:underline;*/ opacity:1; }
.divPopup .con button.add .icon{ background-position:-24px 0px; }

.divPopup .con button{ font-weight:bold; height:24px; border:1px #a9a9a9 solid; background:#f9f9f9; padding:0 6px; font-size:12px; line-height:20px; border-radius:3px; white-space:nowrap; }
.divPopup .con button.primary{ border:1px #188d7f solid; background:#2eab9c; color:#fff; }
.divPopup .con div.divbtn{ text-align:center; padding:10px 0 0 0; /*margin-top:5px; padding:5px;*/ }
.divPopup .con div.divbtn.unsaved{ background-color:#ffefc7; }
.divPopup .con div.divbtn button{ min-width:50px; }
.divPopup .con table button{ opacity:.7; font-weight:normal; height:20px; line-height:20px; border:none; background:none; padding:0 2px; }
.divPopup .con table button:hover{ opacity:1; }

.divPopup .con .divbtn.s_btn{ padding:5px 0; margin:0; }
.divPopup .con .divbtn.s_btn>button{ font-size:11px; font-weight:normal; text-align:center; height:20px; line-height:18px; }

/* paging */
.divPopup .con .paging{ float:left; margin-bottom:5px; }
.divPopup .con .paging button{ font-size:0; width:20px; height: 20px; line-height:20px; box-sizing: border-box;  padding:0 3px; }
.divPopup .con .paging button span.icon{ margin-right:0; }
.divPopup .con .paging button.prev span.icon{ background-position:-96px -48px; }
.divPopup .con .paging button.next span.icon{ background-position:-120px -48px; }
.divPopup .con .paging>span{ color:#888; }
.divPopup .con .paging>span.num{ color:#4982c4; font-weight:bold; padding:0 5px; font-size:13px; }

.divPopup .con .select_all{ display:inline-block; font-size:11px; font-weight: bold; margin-bottom:5px; }

/*.divPopup .con .thumb{ margin-bottom:5px; }*/

.divPopup.pop_ip_collision_list .parent{ max-height:200px; }
.divPopup.pop_disconnect_history .parent{ max-height:200px; }
.divPopup.pop_setting_web_alert .parent{ max-height:170px; float:left; }
.divPopup.pop_add_clm_device .parent{ max-height:200px; }

/* pop_setting_web_alert */
.divPopup.pop_setting_web_alert .con table.view dl dt{ width:auto; vertical-align:middle; }
.divPopup.pop_setting_web_alert .con table.view dl dd{ width:auto; margin-right:10px; }
.divPopup.pop_setting_web_alert .con table.view dl dd input[type=text]{ width:80px; }
.divPopup.pop_setting_web_alert .con table.view dl dd input[type=number]{ width:80px; }

/* pop_igmp_snooping */
.divPopup.pop_igmp_snooping{ width:600px; min-height:400px; }
.divPopup.pop_igmp_snooping .action_area{ border:0; background-color:transparent; }
.divPopup.pop_igmp_snooping .con .tabs{ margin-bottom:0; }
.divPopup.pop_igmp_snooping .con .tabs_con{ height:260px; }
.divPopup.pop_igmp_snooping .con .wrap_list{ width:100%; display: none; }
.divPopup.pop_igmp_snooping .con .wrap_list table{ width:100%; }
.divPopup.pop_igmp_snooping .con .wrap_list:first-child{ display:block; }
.divPopup.pop_igmp_snooping .con .parent{ max-height:260px; }


/* divPopup_msg */
.divPopup_msg{ display:none; position:absolute; background:#d2e5f5; border:1px #3c7ab1 solid; border-radius:8px; box-shadow:0px 7px 5px -3px rgba(0,0,0,0.3); padding:15px 30px; }
.divPopup_msg.pop_completed{ background:#d2e5f5; border:1px #3c7ab1 solid; }
.divPopup_msg.pop_failed{ background:#f5d8d2; border:1px #b1523c solid; }
.divPopup_msg .con{ font-size:1.2em; font-weight:bold; color:#222; }
.divPopup_msg .con span.icon{ display:inline-block; width:20px; height:20px; background:url(../images/common/btn_icon.png) 0 -170px; vertical-align:middle; margin-right:5px; }
.divPopup_msg.pop_completed .con span.icon{ background-position:0 -170px; }
.divPopup_msg.pop_failed .con span.icon{ background-position:-22px -170px;}


/* pop_theme_setting */
.divPopup.pop_theme_setting{ }
.divPopup.pop_theme_setting .con ul{ text-align:center; }
.divPopup.pop_theme_setting .con ul li{ display:inline-block; width:60px; padding:10px; margin:0 5px; cursor:pointer; border-radius:5px; border:1px #ddd solid; }
.divPopup.pop_theme_setting .con ul li span.tit{ display:block; text-align:center; padding-bottom:5px; }
.divPopup.pop_theme_setting .con ul li span.img{ display:block; width:60px; height:50px; background:url(../images/common/theme.png); }
.divPopup.pop_theme_setting .con ul li.blue span.img{ background-position:0 0; }
.divPopup.pop_theme_setting .con ul li.white span.img{ background-position:0 -50px; }
.divPopup.pop_theme_setting .con ul li:hover{ background-color:#efefef; border:1px #ddd solid; }
.divPopup.pop_theme_setting .con ul li.selected{ background-color:#e2e7ed; border:2px #4982c4 solid; }
.divPopup.pop_theme_setting .con ul li.selected:hover{ background-color:#e2e7ed; border:2px #4982c4 solid; }
.divPopup.pop_theme_setting .con ul li.selected span.tit{ color:#2263ae; font-weight:bold; }

/* pop_change_logo */
.divPopup.pop_change_logo{}
.divPopup.pop_change_logo .con span.size_txt{ display:block; font-weight:normal; color:#666; font-size:11px; }
.divPopup.pop_change_logo .con table.view dl dt{ display:block; text-align:left; }
.divPopup.pop_change_logo .con .preview{ width:200px; height: 65px; position:relative; margin-bottom:4px; }
.divPopup.pop_change_logo .con .preview.origin{}
.divPopup.pop_change_logo .con .preview.white{ background:#999; }
.divPopup.pop_change_logo .con .preview .sample{ position:absolute; width:180px; height:40px; left: 10px; top: 15px; background-size:contain !important; }

/* pop_change_ip */
.divPopup.pop_change_ip{ width:500px; }
.divPopup .con table.view dl.change_ip dt{ float:left; width:24%; min-height:22px; box-sizing: border-box; font-size:11px; padding:1px 5px 1px 0; text-align:right; vertical-align:middle; }
.divPopup .con table.view dl.change_ip dd{ float:left; width:76%; min-height:22px; box-sizing: border-box; padding:1px 0; }

/* pop_administrator */
.divPopup.pop_administrator{ width:700px; min-height:225px; }
.divPopup.pop_administrator .con table.view .parent{ max-height:300px; width:fit-content; }
.divPopup.pop_administrator .con select.access{ width:100px; }

/* pop_rootadministrator */
.divPopup.pop_rootadministrator{ width:700px; min-height:225px; }
.divPopup.pop_rootadministrator .con table.view .parent{ max-height:300px; width:fit-content; }
.divPopup.pop_rootadministrator .con table.view .list td{ vertical-align:top; border-bottom:0; box-sizing:border-box; }
.divPopup.pop_rootadministrator .con table.view .list tr.network_list>td{ border-bottom:1px #e7e7e7 solid; padding:0; }
.divPopup.pop_rootadministrator .con table.view .list tr.network_list>td table td{ padding-top:0; }
.divPopup.pop_rootadministrator .con table.view .list tr.network_list>td table td:first-child{ padding-left:20px; }
.divPopup.pop_rootadministrator .con table.view .list tr.network_list>td table td:first-child::before{ width:12px; height:12px; display:inline-block; content:''; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat 0 -68px; }
.divPopup.pop_rootadministrator .con select.access{ width:100px; }
.divPopup.pop_rootadministrator .con button.network_add_class{ margin:0 0 4px 30px; }

/* pop_add_script */
.divPopup.pop_add_script{ width:600px; min-height:400px; }
.divPopup.pop_add_script .con table.view{ margin-bottom:10px; }
.divPopup.pop_add_script .con table.view textarea{ display:block; width:100%; height:200px; resize:none; box-sizing: border-box; } 
.divPopup.pop_add_script .con table.view input[type=text]{ width:100%; box-sizing: border-box; }
.divPopup .con .cnt{  text-align: right; font-size:11px; color:#666; display:block; }
.divPopup .con .cnt span.num{}

.divPopup.pop_add_script2{ width:450px; }
.divPopup.pop_add_script2 .left{ float:left; width:49%; }
.divPopup.pop_add_script2 .right{ float:right; width:49%; }
.divPopup.pop_add_script2 h5{ float:left; }
.divPopup.pop_add_script2 .con .cnt{ padding:5px 0; }
.divPopup.pop_add_script2 .con{ min-height:300px; } 
.divPopup.pop_add_script2 .con input[type=text]{ width:100%; box-sizing: border-box; }
.divPopup.pop_add_script2 .con textarea{ display:block; width:100%; height:200px; resize:none; box-sizing: border-box; } 
.divPopup.pop_add_script2 .con table.list{ width:100%; }
.divPopup.pop_add_script2 .con table.list th{ line-height: 14px; }
.divPopup.pop_add_script2 .con table.list td{ line-height: 20px; padding:2px 10px; }
.divPopup.pop_add_script2 .divbtn{ clear:both; }

.divPopup.pop_add_manual_host{  }
.divPopup.pop_add_manual_host .btn_validate{ opacity:1; height:20px; line-height:18px; font-weight:normal; border:1px #a9a9a9 solid; background:url(../images/common/btn_bg.png) repeat-x bottom; padding:0 3px; border-radius:3px; white-space:nowrap;  margin-left:3px; }
.divPopup.pop_add_manual_host .btn_validate span.icon{ margin-right:0; background-position:-372px -24px; }


/* pop_menu_layout */
.divPopup.pop_menu_layout{ }
.divPopup.pop_menu_layout .con ul{ text-align:center; }
.divPopup.pop_menu_layout .con ul li{ display:inline-block; width:60px; padding:10px; margin:0 5px; cursor:pointer; border-radius:5px; border:1px #ddd solid; }
.divPopup.pop_menu_layout .con ul li span.tit{ display:block; text-align:center; padding-bottom:5px; }
.divPopup.pop_menu_layout .con ul li span.img{ display:block; width:60px; height:50px; background:url(../images/common/layout.png); }
.divPopup.pop_menu_layout .con ul li:first-child span.img{ background-position:0 0; }
.divPopup.pop_menu_layout .con ul li:last-child span.img{ background-position:0 -50px; }
.divPopup.pop_menu_layout .con ul li:hover{ background-color:#efefef; border:1px #ddd solid; }
.divPopup.pop_menu_layout .con ul li.selected{ background-color:#e2e7ed; border:2px #4982c4 solid; }
.divPopup.pop_menu_layout .con ul li.selected:hover{ background-color:#e2e7ed; border:2px #4982c4 solid; }
.divPopup.pop_menu_layout .con ul li.selected span.tit{ color:#2263ae; font-weight:bold; }


/* pop_alert */
.divPopup.pop_alert{ position:absolute; border-radius:8px; box-shadow:0px 7px 5px -3px rgba(0,0,0,0.3); background:#dfedf8; border:1px #3c7ab1 solid; }
.divPopup.pop_alert .header{ background-color:transparent; border-bottom:none; padding:18px 15px 15px 20px; }
.divPopup.pop_alert .header h4{ font-size:1.3em; line-height:1.44em; color:#1b5fa7; }
.divPopup.pop_alert .header h4 span{ font-size:1em; line-height:1em; color:inherit; }
.divPopup.pop_alert .header h4 span.icon{ display:inline-block; width:20px; height:20px; background:url(../images/common/btn_icon.png) 0 -170px; vertical-align:middle; margin-right:5px; }
.divPopup.pop_alert .header .btn_close{ display:none; }
.divPopup.pop_alert.pop_completed{ background:#dfedf8; border:1px #3c7ab1 solid; }
.divPopup.pop_alert.pop_failed{ background:#f8e4df; border:1px #b1523c solid; }
.divPopup.pop_alert.pop_completed .header h4{ color:#1b5fa7; }
.divPopup.pop_alert.pop_failed .header h4{ color:#cc1c2d; }
.divPopup.pop_alert.pop_completed .header h4 span.icon{ background-position:0 -170px; }
.divPopup.pop_alert.pop_failed .header h4 span.icon{ background-position:-22px -170px;}

.divPopup.pop_alert .con{ padding-top:0; }
.divPopup.pop_alert .con .txt{ width:410px; height:100px; overflow-y:auto; padding:10px; margin-bottom:10px; background-color:#fff; border:1px #ddd solid; }


/* pop_schedule_reports */
.divPopup.pop_schedule_reports .logo_manager{ margin-bottom:20px; }
.divPopup.pop_schedule_reports .report_recipients{ }


/* divPopup : report */
.wrap_report{ width:800px; height:650px; overflow-y:auto; padding:15px; color:#333; font-family:'맑은 고딕', 'Malgun Gothic', '돋움', Dotum,Arial, 'Apple Gothic', sans-serif; box-sizing:border-box; position: relative; }
.wrap_report *{ padding:0; margin:0; }
.wrap_report .header{ position: relative; border-bottom:1px #e5e5e5 solid; padding:0 0 10px 5px; margin:0 0 20px 0; background-color:transparent; }
.wrap_report .header h2{ font-size:30px; color:#333; font-weight:bold; line-height:45px; height:45px; padding:0 0 5px 0; }
.wrap_report .header .period_reporter{ font-size:12px; color:#666; }
.wrap_report .header .period_reporter span.bar{ color:#999; font-size:11px; padding:0 5px; }
.wrap_report .header .logo{ position:absolute; top:8px; right:0; width:120px; height:24px; background:url(../images/report/report_logo.gif) no-repeat; text-indent:-99999px; }
.wrap_report .btn_close{ position:absolute; top:18px; right:14px; width:12px; height:12px; cursor:pointer; background:url(../images/common/btn_icon.png) no-repeat -12px -24px; }
.wrap_report .btn_close:hover{ background-position:-12px -36px; }
.wrap_report .contents{}
.wrap_report .contents .summary{ margin-bottom:20px; background-color:#eee; }
.wrap_report .contents .summary dl{ overflow:hidden; padding:5px 0; }
.wrap_report .contents .summary dl dt{ float:left; width:30%; box-sizing:border-box; padding:3px 20px; }
.wrap_report .contents .summary dl dd{ float:left; width:20%; box-sizing:border-box; padding:3px 20px; text-align:right; font-weight:bold; }
.wrap_report .contents .section{ margin-bottom:10px; clear:both; }
.wrap_report .contents .section.fl{ float:left; clear:none; width:49%; }
.wrap_report .contents .section.fr{ float:right; clear:none; width:49%; }
.wrap_report .contents .section h4{ font-size:12px; margin-bottom:5px; background:url(../images/report/report_bullet.gif) no-repeat 2px 6px; padding:0 0 0 10px; }
.wrap_report .contents .section .graph{ width:100%; height:240px; }
.wrap_report .contents .section table{ width:100%; border:1px #ccc solid; padding:0; border-collapse:collapse; border-spacing:0; }
.wrap_report .contents .section table tr{}
.wrap_report .contents .section table th{ font-size:11px; background-color:#eee; border-bottom:1px #ccc solid; border-right:1px #ccc solid; padding:5px 3px; }
.wrap_report .contents .section table th:last-child{ border-right:0; }
.wrap_report .contents .section table td{ font-size:12px; padding:5px 3px; border-bottom:1px #ddd solid; border-right:1px #ddd solid; text-align:center; }
.wrap_report .contents .section table td.align_left{ text-align:left; }
.wrap_report .contents .section table td.align_right{ text-align:right; }
.wrap_report .contents .section table td:last-child{ border-right:0; }
.wrap_report .contents .section table td span.arrow_up{ color:#3b9224; }
.wrap_report .contents .section table td span.arrow_down{ color:#e95f5f; }
.wrap_report .contents .section table td span.check{ display:inline-block; width:14px; height:12px; background:url(../images/report/report_check.gif) no-repeat; }
.wrap_report .contents .section .chart{ border:1px #ccc solid; padding:10px; }

.pop_asset_management{ width:1190px; }
.pop_asset_management .con{ height:600px; padding:0; }

/* both */
.both{ clear:both; }


/* wrap_sorry */
.wrap_sorry{ width:500px; margin:0 auto; padding:50px 0 0 0; }
.wrap_sorry .icon{ float:left; display:inline-block; width:70px; height:70px; background:url(../images/common/btn_icon.png) no-repeat; background-position:-180px -230px; }
.wrap_sorry .wrap_txt{ float:left; padding:0 0 0 30px; width:430px; box-sizing:border-box; }
.wrap_sorry h1{ font-size:48px; line-height:48px; }
.wrap_sorry .error_detail{ font-size:24px; line-height:30px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px #ddd solid;  }
.wrap_sorry .corporate_name{ font-size:16px; color:#666; }
.wrap_sorry .log{ font-size:14px; line-height:22px; color:#666; }

/* divPopup : alert - 장비관리 위자드의 상태 아이콘 클래스와 중복됨 */
.divPopup .con>.alert{ background-color:#efefef; border:1px #ccc solid; border-radius:3px; padding:10px 20px 10px 60px; margin-bottom:10px; background:url(../images/common/alert_img.png) no-repeat; }
.divPopup .con>.alert_info{ background-position:0 0; border-color:#3c7ab1; background-color:#d7e8f6; }
.divPopup .con>.alert_error{ background-position:0 -70px; border:1px #b1523c solid; background-color:#f8e4df; }
.divPopup .con>.alert_danger{ background-position:0 0; }
.divPopup .con>.alert_success{ background-position:0 0; }

.divPopup .con .alert2{ border:1px #7dbce0 solid; border-radius:3px; padding:0 20px; margin-bottom:10px; position:relative; min-height:40px; }
.divPopup .con .alert2.info{ background-color:#cde8f5; border-color:#7dbce0; }
.divPopup .con .alert2.success{ background-color:#ddf3d5; border-color:#afcda4; }
.divPopup .con .alert2.warning{ background-color:#f8f4d5; border-color:#d8cf82; }
.divPopup .con .alert2.error{ background-color:#ecc8c5; border-color:#be8180; }
.divPopup .con .alert2 span.icon{ position:absolute; top:50%; left:20px; margin-top:-18px; display:block; width:36px; height:36px; background:url(../images/common/btn_icon.png); vertical-align:middle; }
.divPopup .con .alert2.info span.icon{ background-position:-264px -228px; }
.divPopup .con .alert2.success span.icon{ background-position:-300px -228px; }
.divPopup .con .alert2.warning span.icon{ background-position:-264px -264px; }
.divPopup .con .alert2.error span.icon{ background-position:-300px -264px; }
.divPopup .con .alert2 .text{ display:block; vertical-align:middle; padding:15px 0 15px 50px; white-space:pre-wrap; }
.divPopup .con .alert2 .text .license_alert_msg{ display:block; color:inherit; }

/* divAlert */
.divAlert{ position:absolute;  box-shadow:5px 5px 5px -3px rgba(0,0,0,0.3); background:#dfedf8; border:1px #3c7ab1 solid; padding:15px 20px; min-width:260px; display:none; }
.divAlert.info{ background-color:#cde8f5; border-color:#7dbce0; }
.divAlert.success{ background-color:#ddf3d5; border-color:#afcda4; }
.divAlert.warning{ background-color:#f8f4d5; border-color:#d8cf82; }
.divAlert.error{ background-color:#ecc8c5; border-color:#be8180; }
.divAlert h4{ font-size:16px; padding:0 0 0 60px; color:#1b5fa7; }
.divAlert.info h4{ color:#3870a1; }
.divAlert.success h4{ color:#597151; }
.divAlert.warning h4{ color:#96722e; }
.divAlert.error h4{ color:#ae1f18; }
.divAlert span.icon{ display:inline-block; width:36px; height:36px; background:url(../images/common/btn_icon.png); vertical-align:middle; margin-right:5px; position:absolute; top:15px; left:20px; }
.divAlert.info span.icon{ background-position:-264px -228px; }
.divAlert.success span.icon{ background-position:-300px -228px; }
.divAlert.warning span.icon{ background-position:-264px -264px; }
.divAlert.error span.icon{ background-position:-300px -264px; }
.divAlert .con{ padding:0 0 10px 60px; }
.divAlert .divbtnset{ /*display:inline-block; padding:0 0 0 60px; */ }

.divAlert.confirm{ width:600px; background-color:#cde8f5; border-color:#7dbce0; }
.divAlert.confirm h4{ color:#3870a1; }
.divAlert.confirm span.icon{ background-position:-264px -228px; }
.divAlert.confirm .con2{ background-color:#fff; margin-bottom:10px; }
.divAlert.confirm .con2 .parent{ max-height:200px; }
.divAlert.confirm .con2 table.list{ width:100%; }
.divAlert.confirm .con2 .cnt{ width:100%; text-align: right; }

/* divAlert */
.divAlert2{ position:absolute; box-shadow:5px 5px 5px -3px rgba(0,0,0,0.3); background:#dfedf8; border:1px #3c7ab1 solid; border-radius:5px; padding:15px 20px; min-width:180px; text-align: center; display:none; }
.divAlert2.info{ background-color:#cde8f5; border-color:#7dbce0; }
.divAlert2.success{ background-color:#ddf3d5; border-color:#afcda4; }
.divAlert2.warning{ background-color:#f8f4d5; border-color:#d8cf82; }
.divAlert2.error{ background-color:#ecc8c5; border-color:#be8180; }
.divAlert2 h4{ font-size:16px; color:#1b5fa7; margin-bottom:2px; }
.divAlert2.info h4{ color:#3870a1; }
.divAlert2.success h4{ color:#597151; }
.divAlert2.warning h4{ color:#96722e; }
.divAlert2.error h4{ color:#ae1f18; }
.divAlert2 span.icon{ display:block; width:36px; height:36px; background:url(../images/common/btn_icon.png); margin: 0 auto 10px auto; }
.divAlert2.info span.icon{ background-position:-264px -228px; }
.divAlert2.success span.icon{ background-position:-300px -228px; }
.divAlert2.warning span.icon{ background-position:-264px -264px; }
.divAlert2.error span.icon{ background-position:-300px -264px; }
.divAlert2 .con{ padding:0 0 10px 0; }
.divAlert2 .divbtnset{ display:block; padding:0 0 0 0;  }

/* pop_about */
.pop_about{ width:400px; background:#222; position:relative; border-radius:0;  padding:70px 0 20px 0; }
.pop_about button.btn_close{ position:absolute; right:0; top:0; width:40px; height:40px; background: none; background-color: transparent; border:0; border-radius:3px; }
.pop_about button.btn_close span.icon{ width:14px; height:20px; background-position:-204px -48px; opacity:0.2; }
.pop_about button.btn_close:hover span.icon{ opacity:0.6; }
.pop_about h2{ position:absolute; top:20px; left:20px; width:180px; height: 40px; background: url(/cproject/data/logo/logo_white.svg) no-repeat left; background-size:contain; }
.pop_about dl{ margin-left:20px; overflow:hidden; }
.pop_about dl dt{ float:left; color:#fff; width:24%; line-height:20px; }
.pop_about dl dd{ float:left; display: inline-block; color:#fff; width:76%; line-height:20px; }

/* pop_rest_api */
.pop_rest_api{width: 800px;/*background-color:#f7f7f7;*/}
.pop_rest_api .header{}
.pop_rest_api .con{ }
.pop_rest_api .con .rest_api_con{ max-height:515px; overflow-y:auto; }
.pop_rest_api .con .rest_api_con.switch{ }
.pop_rest_api .con .rest_api_con.ndm{ display:none; }
.pop_rest_api .con .tabs.v2 ul li{ width:50%; }
.pop_rest_api ul.rest_api_list{ background-color:#fff; }
.pop_rest_api ul.rest_api_list li{ position:relative; padding:10px 80px 10px 65px; box-sizing:border-box; background:#f7f7f7; margin-bottom:5px; border:1px #e6e6e6 solid; }
.pop_rest_api ul.rest_api_list li:last-child{ margin-bottom:0; }
.pop_rest_api ul.rest_api_list li>div{ display:block; }
.pop_rest_api ul.rest_api_list li .request{ font-size:10px; background-color:#7aa6e9; width:36px; text-align:center; position:absolute; line-height:14px; color:#fff; top:13px; left:15px; }
.pop_rest_api ul.rest_api_list li .request.post{ background-color:#4ab6a3; }
.pop_rest_api ul.rest_api_list li .url{/* padding:3px 0 2px 0; */ min-height:20px; }
.pop_rest_api ul.rest_api_list li .url code{font-size: 14px; font-weight:bold; }
.pop_rest_api ul.rest_api_list li .url code span{ font-size:1em; }
.pop_rest_api ul.rest_api_list li .description{ line-height:18px; color:#666; font-size:11px; }
.pop_rest_api ul.rest_api_list li .response_format{ font-size:11px; line-height:20px; color:#aaa; position:absolute; top:10px; right:15px; }

/* pop_search */
.pop_search{ width:1000px; background-color:#f6f6f6; top:100px; border-radius:7px; }
.pop_search .header{ border-bottom:0; padding:15px; background-color:#fff; border-radius:7px; }
.pop_search .header .search_area{ height:32px; }
.pop_search .header .search_area .box{ float:left; border:1px #eaeaea solid; border-radius:5px; padding:4px 8px; }
.pop_search .header .search_area span.icon_search{ float:left; width:22px; height:22px; background:url(../images/common/btn_icon.png) no-repeat -20px -48px; background-color:#fff; vertical-align:middle; box-sizing: border-box; }
.pop_search .header .search_area input[type=text]{ width:700px; border:0; font-size:14px; box-sizing: border-box; padding:0 6px; }
.pop_search .header .search_area .txt_guide{ display:inline-block; padding:0 0 0 10px; line-height:32px; color:#ccc; font-size:12px;  }
.pop_search .header .search_area .txt_guide .line{ border:1px #ccc solid; color:#ccc; font-size:0.8em; line-height:1em; padding:1px 4px; border-radius:3px;  }
.pop_search .con{ padding:0; }
.pop_search .con .tabs{ background-color:#fff; margin-bottom:0; width:100%; padding:0; }
.pop_search .con .tabs ul{ border-bottom:0; box-shadow:inset 0 -1px 0 0 #ddd; }
.pop_search .con .tabs ul li{ position:relative; background-color:transparent; }
.pop_search .con .tabs ul li a{ border:0; min-width:120px; line-height:24px; }
.pop_search .con .tabs ul li a:last-child{ border:0; }
.pop_search .con .tabs ul li a .cnt{ font-size:11px; font-weight:normal; color:#999; display:inline;  }
.pop_search .con .tabs ul li.selected{ }
.pop_search .con .tabs ul li.selected a{ box-shadow:inset 0 -2px 0 0 #3c6ca3; /*border-bottom: 2px #3c6ca3 solid; */}
.pop_search .con .tabs ul li.selected a .cnt{ color:#666; }
.pop_search .con .tabs ul li:hover a{  }
.pop_search .con .search_results{ position: relative; padding:0; display:none; }
.pop_search .con .search_results .area_left{ height:570px; margin-right:360px; position:relative; box-sizing:border-box; border-right:1px #ddd solid; }
.pop_search .con .search_results .area_right{ position: absolute; top: 0; right: 0; width: 360px; height:100%; overflow-y:auto; z-index:10;  }
.pop_search .con .search_results .section{ padding:20px 0 10px 0;  border-bottom:1px #eee solid; }
.pop_search .con .search_results .section .tit_header{ position:relative; margin-bottom:5px; padding:0 15px; }
.pop_search .con .search_results .section .tit_header h4{ display:inline-block; font-size:12px; padding:0 0 0 15px; background:url(../images/skin_1/stit_bullet.png) no-repeat 2px 50%; }
.pop_search .con .search_results .section .tit_header .cnt{ display:inline-block; font-size:11px; color:#999 }
.pop_search .con .search_results .section .tit_header .addr_detail_more{ position:absolute; top:0; right:15px; font-size:11px; text-decoration: none;  }
.pop_search .con .search_results .section .tit_header .addr_detail_more:hover{ text-decoration:underline; }
.pop_search .con .search_results ul.result_list{ overflow-y: auto; padding:10px; box-sizing:border-box; height:530px; }
.pop_search .con .search_results ul.result_list li{ position:relative; }
.pop_search .con .search_results ul.result_list li:hover{ background-color:#eee; }
.pop_search .con .search_results ul.result_list li dl{ padding:12px 15px; margin-right:30px; border-right:1px #f6f6f6 solid; }
.pop_search .con .search_results ul.result_list li dl:hover{ background-color:#e6e6e6; }
.pop_search .con .search_results ul.result_list li dl dt{ font-size:13px; /*font-weight:bold;*/ color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom:2px; }
.pop_search .con .search_results ul.result_list li dl dt span.type{ font-size:11px; background-color:#555; color:#eee; font-weight:normal; padding:1px 5px; margin-right:6px; }
.pop_search .con .search_results ul.result_list li dl dt span.label{ font-size:11px; color:#666; display:inline-block; margin-right:2px; }
.pop_search .con .search_results ul.result_list li dl dt span.icon_route{ font-size:11px; color:#666; }
.pop_search .con .search_results ul.result_list dl dd{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:11px; line-height:16px; }
.pop_search .con .search_results ul.result_list dl dd.sub_info{ color:#666;  }
.pop_search .con .search_results ul.result_list dl dd.network{ color:#aaa; }
.pop_search .con .search_results ul.result_list dl dd .bar{ display: inline-block; overflow: hidden; width: 0; height: 10px; margin: -1px 6px 1px 5px; border-left: 1px solid #ddd; vertical-align: middle; }
.pop_search .con .search_results ul.result_list li.selected{ background-color:#f8f4ce; }
.pop_search .con .search_results ul.result_list li.selected dl{ background-color:transparent; }
.pop_search .con .search_results ul.result_list li.selected:hover span.btn_detail_info { background-color:transparent; }
.pop_search .con .search_results ul.result_list li span.btn_detail_info{ display:block; width:30px; height: 100%; position:absolute; top:0; right:0; opacity:0.6; cursor:pointer; }
.pop_search .con .search_results ul.result_list li span.btn_detail_info span.icon{ position:absolute; top: 50%;left: 50%; width:12px; height:12px; background:url("../images/common//btn_icon.png") no-repeat -48px -24px; margin:-6px 0 0 -6px; }
.pop_search .con .search_results ul.result_list li span.btn_detail_info:hover{ background-color: #e6e6e6; opacity:1; }
.pop_search .con .search_results span.switch_status{ display:inline-block; width:12px; height:12px; background:none; vertical-align:middle; margin-right:6px; border-radius:6px; }
.pop_search .con .search_results span.switch_status.active{ background-color:#5ba71b; }
.pop_search .con .search_results span.switch_status.alert{ background-color:#f18e00; }
.pop_search .con .search_results span.switch_status.unreachable{ background-color:#e83100; }
.pop_search .con .search_results span.switch_status.dormant{ background-color:#ababab; }
.pop_search .con .search_results span.client_status{ display:inline-block; width:12px; height:12px; background:none; vertical-align:middle; margin-right:6px; border-radius:6px; }
.pop_search .con .search_results span.client_status.online{ background-color:#5ba71b; }
.pop_search .con .search_results span.client_status.offline{ background-color:#ababab;  }
.pop_search .con .search_results span.client_status.block{ background-color:#ff6900; }
.pop_search .con .search_results span.icon_fix{ display:inline-block; width:10px; height:10px; background:url(../images/common/btn_icon.png) no-repeat -276px 0; margin-left:6px;  }
.pop_search .con .search_results .tfoot{ position:absolute; bottom:0; left:0; width:100%; height:40px; background-color: #eee; border-top:1px #e6e6e6 solid;  border-radius: 0 0 0 5px; }
.pop_search .con .search_results .tfoot .search_period{ float:left; font-size:11px; color:#666; padding-left:15px; line-height:40px; }
.pop_search .con .search_results .tfoot .paging{ float:right; padding:10px 15px 0 0; }

.pop_search .con .search_results.result_all{ display:block; }
.pop_search .con .search_results.result_all .area_left{ overflow-y:scroll; }
.pop_search .con .search_results.result_all ul.result_list{ overflow:hidden; padding:0 15px; height:auto; }

.pop_search .con .search_results .detail_info{ padding:20px 15px 15px 15px; overflow:hidden; }
.pop_search .con .search_results .detail_info dl{ overflow:hidden; border-bottom:1px #eee solid; padding-bottom:15px; margin-bottom:10px; }
.pop_search .con .search_results .detail_info dl dt{ float:left; width:30%; font-size:11px; color:#666; text-align:right; box-sizing: border-box; min-height:24px; line-height:16px; padding:4px 15px 4px 0; }
.pop_search .con .search_results .detail_info dl dd{ float:left; width:70%; box-sizing: border-box; min-height:24px; line-height:16px; padding:4px 0 4px 0;  }
.pop_search .con .search_results .detail_info dl dd span.type{ font-size:11px; background-color:#555; color:#eee; font-weight:normal; padding:1px 5px; margin-right:6px; }
.pop_search .con .search_results .detail_info button{ float:right; font-size:11px; font-weight:normal; text-align:center; height:20px; line-height:18px; }
.pop_search .con .search_results .detail_info button span.icon{ background-position:-288px -36px; }

.pop_search .con .search_results .detail_info table{ overflow:hidden; border-bottom:1px #eee solid; padding-bottom:15px; margin-bottom:10px; border-top:0; }
.pop_search .con .search_results .detail_info table th{ width:35%; font-size:11px; color:#666; text-align:right; box-sizing: border-box; min-height:24px; line-height:14px; padding:5px 15px 5px 0; border-bottom:0; background:none; /*vertical-align:top;*/ }
.pop_search .con .search_results .detail_info table td{ width:65%; box-sizing: border-box; min-height:24px; line-height:14px; padding:5px 0 5px 0; border-bottom:0;  }
.pop_search .con .search_results .detail_info table td span.type{ font-size:11px; background-color:#555; color:#eee; font-weight:normal; padding:1px 5px; margin-right:6px; }
.pop_search .con .search_results .detail_info button{ float:right; font-size:11px; font-weight:normal; text-align:center; height:20px; line-height:18px; }
.pop_search .con .search_results .detail_info button span.icon{ background-position:-288px -36px; }

.pop_search .con .recent_searches{ padding:15px; box-sizing: border-box; max-height:598px; overflow-y:auto; background-color:#fff; }
.pop_search .con .recent_searches h3{ color:#999; font-weight: normal; margin-bottom:10px; padding:0 5px; }
.pop_search .con .recent_searches ul{}
.pop_search .con .recent_searches ul li{ }
.pop_search .con .recent_searches ul li a{ text-decoration:none; color:#333; font-size:14px; line-height:36px; padding:0 10px; display:block; }
.pop_search .con .recent_searches ul li a span.icon{ display:inline-block; width:22px; height:22px; background:url(../images/common/btn_icon.png) no-repeat -20px -48px; vertical-align:middle; box-sizing: border-box; margin-right:5px; }
.pop_search .con .recent_searches ul li:hover{ background-color:#e6e6e6; }

mark{ font-size:inherit; color:inherit; line-height:inherit; }

/* pop_device_config_wizard */
.pop_device_config_wizard{ width:1100px; height:576px; }
.pop_device_config_wizard .header ul {float: right;}
.pop_device_config_wizard .header button { height:18px; padding:0 5px; white-space:nowrap; background:none; border:none; text-align:left; border-radius:2px; font-size:12px; font-weight:normal; position:relative; }
.pop_device_config_wizard .header button span.icon{ display:inline-block; width:14px; height:14px;  margin-right:4px; vertical-align:middle; }
.pop_device_config_wizard .header ul>li.btn_wizard_close { background: none; position: relative; top: 4px; right: 0px; }
.pop_device_config_wizard .header ul>li.btn_wizard_close p.btn_close { width:12px; height:12px; cursor:pointer; opacity: 0.4; top: 0px; right: 0px; position: relative; }
.pop_device_config_wizard .header ul>li.btn_help { background: none; position:relative; top: 2px; left: -1px;}
.pop_device_config_wizard .header ul>li.btn_help span.icon { width:12px; height:12px; cursor:pointer; background:url(../images/common/btn_icon.png) no-repeat -108px -36px; opacity: 0.4 }
.pop_device_config_wizard .header ul>li.btn_help span.icon:hover { opacity: 1 }
.pop_device_config_wizard .header ul>li.btn_model_management { background: none; position: relative; top: 2px; right: -3px; }
.pop_device_config_wizard .header ul>li.btn_model_management span.icon { width:12px; height:12px; cursor:pointer; background:url(../images/common/btn_icon.png) no-repeat -204px -36px; opacity:0.4;}
.pop_device_config_wizard .header ul>li.btn_model_management span.icon:hover { opacity: 1; }
.pop_device_config_wizard .header ul>li.btn_model_management .layer_st{ display:none; position:absolute; top:25px; left:-58px; background:#fff; }
.pop_device_config_wizard .header ul>li.btn_model_management .layer_st span.icon_arrow { left: 60% }
.pop_device_config_wizard .header ul>li.btn_model_management .layer_st ul{ }
.pop_device_config_wizard .header ul>li.btn_model_management .layer_st ul li{ text-align:left; cursor:pointer; padding:2px 5px; }
.pop_device_config_wizard .header ul>li.btn_model_management .layer_st ul li:hover{ background-color:#e6e6e6; }
.pop_device_config_wizard .con{ position:relative; }
.pop_device_config_wizard .con .tree{ position:absolute; width:200px; height:500px; box-sizing: border-box;  background:#f3f3f3; border:1px #ddd solid; }
.pop_device_config_wizard .con .tree .search{ text-align:center; padding:4px; box-sizing:border-box; overflow:hidden; }
.pop_device_config_wizard .con .search input[type=text]{ float:left; width:166px; height:22px; line-height:22px; border-left-width:0; box-sizing: border-box; }
.pop_device_config_wizard .con .search .icon.icon_search{ float:left; width:22px; height:22px; background:url(../images/common/btn_icon.png) no-repeat -20px -48px; background-color:#fff; vertical-align:middle; border:1px #ccc solid; border-right:0; box-sizing: border-box; }
.pop_device_config_wizard .con .tree .network_type{ display:none; text-align:center; padding:4px 4px 0 4px; box-sizing:border-box; overflow:hidden; }
.pop_device_config_wizard .con .network_type select{ float:left; width:188px; height:22px; line-height:22px; box-sizing: border-box; }
.pop_device_config_wizard .con .tree .wrap_tree{ overflow:auto; top:30px; }
.pop_device_config_wizard .con .tree.tree_network_type .network_type{ display:block; }
.pop_device_config_wizard .con .tree.tree_network_type .wrap_tree{ top:56px; }

.pop_device_config_wizard .con .device_list{ margin-left:210px; position:relative; }
.pop_device_config_wizard .con .device_list .tabs{ margin-bottom:0; }
.pop_device_config_wizard .con .device_list .tabs ul{ padding:0; }
.pop_device_config_wizard .con .device_list .tabs ul li a{ padding:5px 10px; height:20px; }
.pop_device_config_wizard .con .device_list .search{ position:absolute; top:0; right:0; padding-top:4px; }
.pop_device_config_wizard .con .device_list .parent{ height:443px; border-left:1px #ddd solid; border-right:1px #ddd solid; box-sizing:border-box; }
.pop_device_config_wizard .con .device_list table.list{ width:100%; }
.pop_device_config_wizard .con .device_list table.list th{ line-height:14px; background:url(../images/common/th_bg.png) repeat-x top right; background-color:#e8e8e8; border-bottom:1px #b6b6b8 solid; border-left:0; border-right:0; font-size:11px; padding:4px 10px; text-align:left; }
.pop_device_config_wizard .con .device_list table.list tr td{ border-bottom:0; line-height:18px;}
.pop_device_config_wizard .con .device_list table.list tr:nth-child(2n) td{ background-color:#f5f5f5; }
.pop_device_config_wizard .con .device_list table.list tr:hover td{ background:#f8f4ce; }
.pop_device_config_wizard .con .device_list table.list tr.selected td{ background:#f4edb3; }
.pop_device_config_wizard .con .device_list table.list tr.selected td:hover{ cursor:move; }
.pop_device_config_wizard .con .device_list .tbody{ line-height: 20px; height: 25px; box-sizing:border-box; }
.pop_device_config_wizard .con .device_list .tbody .cnt{ text-align: left; padding:3px 5px;  }
.pop_device_config_wizard .con .device_list .tbody .area_right{ position:absolute; top:3px; right:5px; }
.pop_device_config_wizard .con .device_list .tbody .area_right button{ height: 20px; }
.pop_device_config_wizard .con .device_list .tbody .area_right button span.icon{ display:inline-block; width:12px; height:12px; margin-right:2px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat; }
.pop_device_config_wizard .con .device_list .tbody .area_right button.add_virtual_device{ }
.pop_device_config_wizard .con .device_list .tbody .area_right button.add_virtual_device span.icon{ background-position:-24px 0; }
.pop_device_config_wizard .con .device_list .tbody .area_right button.add2 span.icon{ background-position:-24px 0; }
.pop_device_config_wizard .con .device_list .tbody .area_right button.upload span.icon{ background-position:-180px 0px; }
.pop_device_config_wizard .con .device_list .tbody .area_right button.download span.icon{ background-position:-156px 0px; }
.pop_device_config_wizard .con .device_list .tbody .area_right button.delete span.icon{ background-position:-96px 0px; }
.pop_device_config_wizard .con .device_list .tbody .area_right button.btn_view_ip_status span.icon{ background-position:-372px -24px; }

.device_dragging{ position:fixed; border:1px #4389dd solid; background-color: rgb(67,137,221,0.25); width:80px; height:80px; box-sizing:border-box; text-align:center; box-shadow:7px 7px 5px -3px rgba(0,0,0,0.3); z-index:9999; }
.device_dragging .inner{ width:100%; height:100%; position:relative; padding:20px; box-sizing:border-box; }
.device_dragging .inner>span.cnt{ display: inline-block; min-width:16px; height:16px; line-height:14px; background-color:#4389dd; color:#fff; border:1px #fff solid; box-sizing: border-box; text-align:center; margin:0 auto 3px auto; font-size:11px; padding:0 2px; }
.device_dragging .inner>span.icon{ display: block; width:24px; height:10px; box-sizing: border-box; background:url(../images/common/btn_icon.png) no-repeat -324px -39px; margin:0 auto; }
.device_dragging .inner ul.message{ position:absolute; top:85px; left:60px; background:#fff; border:1px #666 solid; padding:2px; }
.device_dragging .inner ul.message li{ text-align:left; white-space:pre; font-size:11px; }
.device_dragging .inner ul.message li span.icon{ display:inline-block; width:12px; height:12px; margin-right:2px; box-sizing: border-box; background:url(../images/common/btn_icon.png) no-repeat; vertical-align:middle; margin-top:-2px; }
.device_dragging .inner ul.message li.move span.icon{ background-position:-324px -12px; }
.device_dragging .inner ul.message li.impossible span.icon{ background-position:-336px -12px; }
.device_dragging .inner ul.message li.delete span.icon{ background-position:-348px -12px; }

/* pop_device_config_wizard_guide */
.pop_device_config_wizard_guide{ width:1100px; height:576px; background-color:transparent; position:relative; border:1px #333 solid; border-radius:7px; }
.pop_device_config_wizard_guide .slider_control{ width:1180px; position:absolute; top:50%; left:-40px; z-index:1000; }
.pop_device_config_wizard_guide .slider_control button{ font-size:0; border:0; width:40px; height:40px; line-height:18px; padding:0 3px; border-radius:3px; background:none; }
.pop_device_config_wizard_guide .slider_control button span.icon{ margin-right:0; height:20px; opacity:0.6; }
.pop_device_config_wizard_guide .slider_control button:hover{ background-color:#777; }
.pop_device_config_wizard_guide .slider_control button:hover span.icon{ opacity:1; }
.pop_device_config_wizard_guide .slider_control button.prev{ float: left; }
.pop_device_config_wizard_guide .slider_control button.next{ float:right; }
.pop_device_config_wizard_guide .slider_control button.prev span.icon{ background-position:-180px -48px; }
.pop_device_config_wizard_guide .slider_control button.next span.icon{ background-position:-192px -48px; }
.pop_device_config_wizard_guide .slider_panel{ width:1100px; height: 576px; position:relative; overflow:hidden; border-radius:6px; }
.pop_device_config_wizard_guide .slider_panel ul{ position:absolute; top:0; left:0; }
.pop_device_config_wizard_guide .slider_panel ul li{ float:left; width:1100px; height: 576px; background:url(../images/common/device_config_wizard_guide.png) no-repeat;  }
.pop_device_config_wizard_guide .slider_panel ul li:nth-child(1){ background-position:0 0; }
.pop_device_config_wizard_guide .slider_panel ul li:nth-child(2){ background-position:0 -576px; }
.pop_device_config_wizard_guide .slider_panel ul li:nth-child(3){ background-position:0 -1152px; }
.pop_device_config_wizard_guide button.btn_close{ position:absolute; right:0; top:-40px; width:40px; height:40px; background: none; background-color: transparent; border:0; border-radius:3px; }
.pop_device_config_wizard_guide button.btn_close span.icon{ width:14px; height:20px; background-position:-204px -48px; opacity:0.6; }
.pop_device_config_wizard_guide button.btn_close:hover{ background-color:#777; }
.pop_device_config_wizard_guide button.btn_close:hover span.icon{ opacity:1; }

/* pop_device_config_wizard_guide - new */
.pop_device_config_wizard_guide{ width:1100px; height:576px; background-color:transparent; position:relative; border:1px #333 solid; border-radius:7px; }
.pop_device_config_wizard_guide .swiper-container{ width:1100px; height: 576px; margin-left: auto; margin-right: auto; position:relative; overflow:hidden; border-radius:6px; }
.pop_device_config_wizard_guide .swiper-slide .graph{ width:1100px; height: 576px; background:url(../images/common/device_config_wizard_guide.png) no-repeat;  }
.pop_device_config_wizard_guide .swiper-slide.swiper_slide_1 .graph{ background-position:0 0; }
.pop_device_config_wizard_guide .swiper-slide.swiper_slide_2 .graph{ background-position:0 -576px; }
.pop_device_config_wizard_guide .swiper-slide.swiper_slide_3 .graph{ background-position:0 -1152px; }
.pop_device_config_wizard_guide .swiper-button-prev, .pop_device_config_wizard_guide .swiper-button-next{ }
.pop_device_config_wizard_guide .swiper-button-prev{ }
.pop_device_config_wizard_guide .swiper-button-next{  }
.pop_device_config_wizard_guide button.btn_close{ position:absolute; right:0; top:-40px; width:40px; height:40px; background: none; background-color: transparent; border:0; border-radius:3px; }
.pop_device_config_wizard_guide button.btn_close span.icon{ width:14px; height:20px; background-position:-204px -48px; opacity:0.6; }
.pop_device_config_wizard_guide button.btn_close:hover{ background-color:#777; }
.pop_device_config_wizard_guide button.btn_close:hover span.icon{ opacity:1; }


.pop_device_config_wizard_confirm{ width:700px; }
.pop_device_config_wizard_confirm .con table.view .parent{ max-height:209px; margin-bottom:0; }
.pop_device_config_wizard_confirm .con table.view table.list{ width:100%; }
.pop_device_config_wizard_confirm .con table.view table.list tr td.equal_target{ color:rgba(51,51,51,0.3); }
.divPopup.pop_device_config_wizard_confirm .con table.view th{ width:130px; }

.pop_device_upload_list{ } 
.pop_device_upload_list .con .parent{ max-height:358px; margin-bottom:0; }

.pop_add_virtual_devices .con .parent{ max-height:358px; margin-bottom:0; }

.pop_add_report_schedules .con .parent{ max-height:113px; margin-bottom:5px; float:left; }
.pop_add_report_schedules .con table.view .parent .list{ margin-bottom: 0; }

.pop_user_list{}
.pop_user_list .con .parent{ max-height:244px; margin-bottom:0; }
.pop_user_list .con .divsearch{ margin-bottom:5px; }

/* pop_network_edit_device_list */
.pop_network_edit_device_list .con{ position:relative; }
.pop_network_edit_device_list .con .divsearch{ margin-bottom:5px; }
.pop_network_edit_device_list .con .cnt{ position:absolute; top:20px; right:15px; }

/* model_management */
.pop_model_management{}
.pop_model_management .con{ width:620px; overflow:hidden; position:relative; /*background:#f9f9f9;*/ }
.pop_model_management .tabs{}
/*.pop_model_management .model_con{ display:none; }*/
/*.pop_model_management .model_con.switch_model{ display:block; }*/
.pop_model_management .con .model_list{ width:42%; padding:15px 15px 0 15px; /*background:#f3f3f3; border:1px #ddd solid;*/ margin-bottom:10px; border-radius:5px; }
.pop_model_management .con .available_model{ float:left; }
.pop_model_management .con .selected_model{ float:right;/* background:#eaedf2;*/ }
.pop_model_management .con .model_list h3{ font-size:14px; text-align:center; margin-bottom:12px; }
.pop_model_management .con .model_list h3 span.icon{ display:block; width:24px; height:24px; background:url(../../resources/images/common/btn_icon.png) no-repeat; margin:5px auto; vertical-align:middle; }
.pop_model_management .con .model_list.available_model h3 span.icon{ background-position:-372px -60px; }
.pop_model_management .con .model_list.selected_model h3 span.icon{ background-position:-396px -60px; }
.pop_model_management .con .model_list .search{ margin-bottom:5px; overflow:hidden; position:relative; }
.pop_model_management .con .model_list .search input[type=text]{ width:100%; height:22px; line-height:22px; border-left-width:0; box-sizing: border-box; padding-left:22px; }
.pop_model_management .con .model_list .search .icon.icon_search{ position:absolute; top:0; left:0; width:22px; height:22px; background:url(../../resources/images/common/btn_icon.png) no-repeat -20px -48px; background-color:#fff; vertical-align:middle; border:1px #ccc solid; border-right:0; box-sizing:border-box; }
.pop_model_management .con .model_list .parent{ height:340px; border:1px #ccc solid;  background-color:#fff; box-sizing:border-box; }
.pop_model_management .con .model_list table.list{ width:100%; }
.pop_model_management .con .model_list table.list tr:last-child td{ border-bottom:0; }
.pop_model_management .con .model_list table.list th{ background:#eee; box-sizing:border-box; line-height:16px; padding:3px 5px; border:0; border-right:1px #fff solid ;border-bottom:1px #fff solid; color:#666; }
.pop_model_management .con .model_list table.list th:last-child{ border-right:0; }
.pop_model_management .con .model_list table.list th span.icon_arrow{ display:inline-block; width:5px; height:5px; background:url(../../resources/images/common/btn_icon.png) no-repeat ; vertical-align:middle; margin-top:-1px; }
.pop_model_management .con .model_list table.list th span.icon_arrow.up{ background-position:-75px -28px; }
.pop_model_management .con .model_list table.list th span.icon_arrow.down{ background-position: -87px -28px; }
.pop_model_management .con .model_list table.list td{ background-color:#fff; font-size:13px; padding:3px 5px; line-height:20px; border-bottom:0; }
.pop_model_management .con .model_list table.list th:first-child{ text-align:center; }
.pop_model_management .con .model_list table.list td:first-child{ text-align:center; }
.pop_model_management .con .model_list table.list tr:hover td{ background:#f3f3f3; }
.pop_model_management .con .model_list table.list tr.selected td{ background:#f8f4ce; }
.pop_model_management .con .model_list table.list td a{ display:inline-block; color:#333; }
.pop_model_management .con .model_list .cnt{ display:block; text-align:right; padding:5px 0; }
.pop_model_management .con .model_list .cnt span{ color:#666; font-size:11px; }
.pop_model_management .con .model_list .cnt span.num{ color:#4982c4; font-size:11px; }

.pop_model_management .con .control_button{ width:30px; margin-left:-15px; margin-top:-30px; position:absolute; top:50%; left:50%; }
.pop_model_management .con .control_button ul{ display: block; margin:auto 0; }
.pop_model_management .con .control_button li{ display: inline-block; }
.pop_model_management .con .control_button li button{ width:30px; height: 20px; margin:5px 0; box-sizing:border-box; }
.pop_model_management .con .control_button li button span.icon{ background: url(../../resources/images/common/btn_icon.png) no-repeat; margin-right:0; }
.pop_model_management .con .control_button li button.right span.icon{ background-position:-192px -92px; }
.pop_model_management .con .control_button li button.left span.icon{ background-position:-180px -92px; }

.pop_model_management .con .divbtn{ clear:both; }
.pop_model_management .con .divbtn button{ min-width:50px; }


/* pop_update_port */
.divPopup.pop_update_port .tabs ul{ padding:0; height:25px; overflow:inherit; }
.divPopup.pop_update_port .tabs ul li{ width:33.3%; } 
.divPopup.pop_update_port .tabs ul li a{ min-width:auto; }

.divPopup.pop_update_port2{ width:540px;}
.divPopup.pop_update_port2 .tabs ul{ padding:0; height:25px; overflow:inherit; }
.divPopup.pop_update_port2 .tabs ul li{ width:25%; } 
.divPopup.pop_update_port2 .tabs ul li a{ min-width:auto; padding:2px; }
.divPopup.pop_update_port2 .con table.view th{ width:120px;}
.divPopup.pop_update_port2 .con table.view dl{ overflow:hidden; }
.divPopup.pop_update_port2 .con table.view dl dt{ float:left; width:24%; min-height:22px; box-sizing: border-box; font-size:11px; padding:1px 5px 1px 0; text-align:right; vertical-align:middle; }
.divPopup.pop_update_port2 .con table.view dl dd{ float:left; width:76%; min-height:22px; box-sizing: border-box; padding:1px 0; }
.divPopup.pop_update_port2 .con table.view ul li{ line-height:20px; }
.divPopup.pop_update_port2 .con table.view ul li a{ font-size:11px; text-decoration:none; color:#333; }
.divPopup.pop_update_port2 .con table.view ul li input.name{ display:none; width:80px; }
.divPopup.pop_update_port2 .con table.view ul li button{ border:0; background:none; height:16px; line-height:16px; display:none; }
.divPopup.pop_update_port2 .con table.view ul li button .icon{ margin-right:0; }
.divPopup.pop_update_port2 .con table.view ul li button.add{ opacity:1; }
.divPopup.pop_update_port2 .con table.view ul li button.add span.icon{ background-position: -24px 0; }
.divPopup.pop_update_port2 .con table.view ul li:hover button{ display:inline-block; }
.divPopup.pop_update_port2 .con table.view ul li:hover button.ok, .divPopup.pop_update_port2 .con table.view ul li:hover button.cancel{ display: none; }
.divPopup.pop_update_port2 .con table.view ul li.edit_name a{ display:none; }
.divPopup.pop_update_port2 .con table.view ul li.edit_name input.name{ display:inline-block; }
.divPopup.pop_update_port2 .con table.view ul li.edit_name button{ display:none; opacity:1; }
.divPopup.pop_update_port2 .con table.view ul li.edit_name button.ok, .divPopup.pop_update_port2 .con table.view ul li.edit_name button.cancel{ display:inline-block; }
.divPopup.pop_update_port2 .con table.view ul li.add button{ display:inline-block;  }

.divPopup.pop_update_port2 .con .update_port_con{ display:none; }
.divPopup.pop_update_port2 .con .update_port_con.default{ display:block; }

.divPopup.pop_update_poe_port .con table.view th{ width:120px;}

.divPopup.pop_get_ospf{ width:800px; }
.divPopup.pop_get_ospf .select_option{ padding:0 0 5px 5px; }
.divPopup.pop_get_ospf .scroll_y{ max-height: 400px; overflow-y:auto; padding:10px; box-sizing:border-box; border:1px #ddd solid; background:#f3f3f3; }

.divPopup .con .detail_row{ margin-bottom:15px; clear:both; padding-left:10px; }
.pop_import_acl .con h5, .pop_copy_acl .con h5{ font-size:12px; line-height:16px;  }
.pop_import_acl .con .parent, .pop_copy_acl .con .parent{ max-height:138px; }

.divPopup.pop_qos_schedule_mode .con {}
.divPopup.pop_qos_schedule_mode .con label{ padding:0 16px 0 0; }
.divPopup.pop_qos_schedule_mode .con table.list th{ background-color:transparent; padding:2px; font-weight:normal; }
.divPopup.pop_qos_schedule_mode .con table.list th:first-child{ font-weight:bold; }
.divPopup.pop_qos_schedule_mode .con table.list input[type=number]{ width:30px; }
.divPopup.pop_qos_schedule_mode .con table.list tbody th{ background-color:transparent; width:50px; }
.divPopup.pop_qos_schedule_mode .con table.list tbody td{ border-bottom:0; padding:2px; }


.pop_setting_allow_ip{ width:400px; }
.pop_setting_allow_ip .con table.list{ width:100%; }
.pop_setting_allow_ip .con table.list button.ok{ opacity:1; }
.pop_setting_allow_ip .con table.list td{ line-height:18px; }
.pop_setting_allow_ip .con table.list ul li{ line-height:20px; }
.pop_setting_allow_ip .con table.list ul li a{ font-size:11px; text-decoration:none; color:#333; }
.pop_setting_allow_ip .con table.list ul li input.name{ display:none; width:100px; }
.pop_setting_allow_ip .con table.list ul li button{ border:0; background:none; height:16px; line-height:16px; display:none; }
.pop_setting_allow_ip .con table.list ul li button .icon{ margin-right:0; }
.pop_setting_allow_ip .con table.list ul li button.add{ opacity:1; }
.pop_setting_allow_ip .con table.list ul li button.add span.icon{ background-position: -24px 0; }
.pop_setting_allow_ip .con table.list ul li:hover button{ display:inline-block; }
.pop_setting_allow_ip .con table.list ul li:hover button.ok, .pop_setting_allow_ip table.list ul li:hover button.cancel{ display: none; }
.pop_setting_allow_ip .con table.list ul li.edit_name a{ display:none; }
.pop_setting_allow_ip .con table.list ul li.edit_name input.name{ display:inline-block; }
.pop_setting_allow_ip .con table.list ul li.edit_name button{ display:none; opacity:1; }
.pop_setting_allow_ip .con table.list ul li.edit_name button.ok, .pop_setting_allow_ip table.list ul li.edit_name button.cancel{ display:inline-block; }

/* pop_edit_port_schedule */
.divPopup.pop_edit_port_schedule{ width:780px; }
.divPopup.pop_edit_port_schedule td .templete_schedule{ margin-bottom:5px; }
.divPopup.pop_edit_port_schedule td label:first-child{ margin-right:20px; }
.divPopup.pop_edit_port_schedule .divbtn.buttons_toggle{ overflow:hidden; display:inline-block; vertical-align:middle; padding:0;  }
.divPopup.pop_edit_port_schedule .divbtn.buttons_toggle>button{ float:left; font-weight:normal; height:20px; border:1px #a9a9a9 solid; background:url(../images/common/btn_bg.png) repeat-x bottom; padding:0 6px; font-size:11px; line-height:20px; white-space:nowrap; border-radius:0; border-right:none; color:#333; box-sizing: border-box; opacity:1; }
.divPopup.pop_edit_port_schedule .divbtn.buttons_toggle>button:first-child{ border-radius:3px 0 0 3px; }
.divPopup.pop_edit_port_schedule .divbtn.buttons_toggle>button:last-child{ border-radius:0 3px 3px 0; border-right:1px #909090 solid; }

/* pop_schedule_template */
.divPopup.pop_schedule_template{ width:780px;}
.divPopup.pop_schedule_template .con{ height:500px; overflow-y:auto; }
.divPopup.pop_schedule_template .sl_li a.btn_del{ display:block; }
.divPopup.pop_schedule_template .sl_li .sl_top .tit{ display:inline-block; padding-right:30px; word-break:break-all; }
.divPopup.pop_schedule_template .sl_top .tit input[type=text]{ width:600px; height:20px; line-height:1.4em; font-size:11px; }
.divPopup.pop_schedule_template td .templete_schedule{}
.divPopup.pop_schedule_template td label:first-child{ margin-right:20px; }
.divPopup.pop_schedule_template .divbtn.buttons_toggle{ overflow:hidden; display:inline-block; vertical-align:middle; padding:0;  }
.divPopup.pop_schedule_template .divbtn.buttons_toggle>button{ float:left; font-weight:normal; height:20px; border:1px #a9a9a9 solid; background:url(../images/common/btn_bg.png) repeat-x bottom; padding:0 6px; font-size:11px; line-height:20px; white-space:nowrap; border-radius:0; border-right:none; color:#333; box-sizing: border-box; opacity:1; }
.divPopup.pop_schedule_template .divbtn.buttons_toggle>button:first-child{ border-radius:3px 0 0 3px; }
.divPopup.pop_schedule_template .divbtn.buttons_toggle>button:last-child{ border-radius:0 3px 3px 0; border-right:1px #909090 solid; }

.template_schedule{ margin-bottom:5px; }
table.time_table{ min-width:auto !important; border:1px #c0c0c0 solid; }
table.time_table tr th{ background-color:#f3f3f3 !important; }
table.time_table tr th, table.time_table tr td{ width:22px !important; line-height:12px !important; padding:4px 0 !important; box-sizing:border-box !important; text-align:center !important; border-right:1px #ddd solid !important; border-bottom:1px #ddd solid !important;  }
/*table.time_table td.check{ background-color:#6392ca; }*/
table.time_table td.ui-selecting{ background-color:#8ecaef; }
table.time_table td.ui-selected{ background-color:#6392ca; }
table.time_table tbody tr:last-child th{ border-bottom:0 !important; }
table.time_table tbody tr:last-child td{ border-bottom:0 !important; }
table.time_table thead tr th:last-child{ border-right:0 !important; }
table.time_table tbody tr td:last-child{ border-right:0 !important; }
table.time_table thead tr th:first-child, table.time_table tbody tr th{ width:50px !important; }


.pop_setting_default_security_level .con>.timatrix_setting{ max-height:500px; overflow-x:hidden; overflow-y:auto; width:1100px; }
.pop_setting_default_security_level .con>.timatrix_setting .action_area{ background:transparent; }

/* pop_view_ip_status */
.pop_view_ip_status{ min-width:1200px; max-width:1500px; }
.pop_view_ip_status .search{ float:left; margin-bottom:5px; overflow:hidden; }
.pop_view_ip_status .search input[type=text]{ width:180px; height:22px; line-height:22px; border-left-width:0; box-sizing: border-box; }
.pop_view_ip_status .search .icon.icon_search{ float:left; width:22px; height:22px; background:url(../../resources/images/common/btn_icon.png) no-repeat -20px -48px; background-color:#fff; vertical-align:middle; border:1px #ccc solid; border-right:0;  box-sizing: border-box; }
.pop_view_ip_status .cnt{ float:left; padding:2px 5px; }
.pop_view_ip_status .cnt span{ font-size:11px; color:#666; }
.pop_view_ip_status .con .divbtn.s_btn{ float:right; padding:1px 0; }
.pop_view_ip_status .parent{ max-height:596px; clear:both; }
.pop_view_ip_status .parent table.list{ width:100%; }
.pop_view_ip_status .parent table.list th{ box-shadow:inset -1px -1px 0 0 #fff; border-right:0; }
.pop_view_ip_status .parent table.list td{ line-height:20px; word-break:break-all; }
.pop_view_ip_status .parent table.list td label{ font-size:1em; display:block; }
.pop_view_ip_status .parent table.list tr:hover td{ background:#f3f3f3; }
.pop_view_ip_status .parent table.list tr.selected td{ background:#f8f4ce; }
.pop_view_ip_status .parent table.list input[type=text]{ width:84px; }
.pop_view_ip_status .parent table.list input[type=number]{ width:84px; }
.pop_view_ip_status .parent table.list select{ width:120px; }
.pop_view_ip_status .parent table.list .select2-container{ width:120px; }
.pop_view_ip_status .parent table.list .ip-input-container{ border:0; padding:0; }
.pop_view_ip_status .parent table.list .ip-input-container input[type=text]{ width:20px; font-size:11px; text-align:left; border:1px solid #ccc; line-height:22px; padding:0; letter-spacing:-.5px; }
.pop_view_ip_status .parent table.list .ip-input-container .ip-input-dot{ width:1px; height:1px; margin:1px; background-color:#666; }
.pop_view_ip_status .divbtn{}
.pop_view_ip_status button.btn_setting .icon{ background-position: -204px -12px; }

/* pop_fan_settings */
.pop_fan_settings .con{ position:relative; }
.pop_fan_settings dl.level{ margin-bottom:5px; }
.pop_fan_settings dl.setting_enabled{ position:absolute; top:15px; right:15px; }
.pop_fan_settings dl dt{ display:inline-block; padding:0 2px; }
.pop_fan_settings dl dd{ display:inline-block; }
.pop_fan_settings table{ border:1px #ddd solid; margin-bottom:5px; }
.pop_fan_settings table th{ width:135px; height:24px; background-color:#f3f3f3; border-bottom:1px #ddd solid; border-right:1px #ddd solid; padding:3px 7px; position:relative; }
.pop_fan_settings table thead th:first-child::after{ display:block; content:''; width:1px; height:152px; background-color:#ddd; transform:rotate(282deg); transform-origin:top left; position:absolute; top:0; left:0;  }
.pop_fan_settings table th span{ position:absolute; font-size:11px; line-height:14px; }
.pop_fan_settings table th span.watt{ bottom:0; left:3px; }
.pop_fan_settings table th span.temp{ top:0; right:3px; }
.pop_fan_settings table td{ height:24px; border-bottom:1px #ddd solid; border-right:1px #ddd solid; text-align: center; padding:3px 7px; }
.pop_fan_settings input[type=text]{ width:30px; height:18px; }
.pop_fan_settings input[type=number]{ width:30px; height:18px; }

/* pop_alarm_clear */
.divPopup.pop_alarm_clear{ width:560px; }
.divPopup.pop_alarm_clear input[type=text]{ width:100%; box-sizing:border-box; }

.divPopup.pop_set_policy{ width:500px; }
.divPopup.pop_set_policy label{ padding:0 16px 0 0; display:block; }
.divPopup.pop_set_policy .con table.view th{ width:140px; vertical-align:top; }

.divPopup.pop_add_thirdParty_device .con table.view th{ width:auto; vertical-align:top; }

.divPopup.pop_add_vlan .con table.view .small_print{ padding-left:5px; color:#999; }
.divPopup.pop_add_vlan .con table.view .text_size{ padding-left:5px; }

/* pop_topologyMap */
.pop_topologyMap{ min-width:800px; width:90%; height:860px;}
.pop_topologyMap .con #scroll-container{ position:relative; }
.pop_topologyMap .con .action_area{ background:transparent; border:0; padding:0; }
.pop_topologyMap .con #search{ width:400px; }
.pop_topologyMap .con .select2 { width:400px; float:left; margin-right:3px; }
.pop_topologyMap .con .select2-container--default .select2-selection--single::before{ display:inline-block; content:''; width:22px; height:22px; background:url(../../resources/images/common/btn_icon.png) no-repeat -20px -48px; position:absolute; top:2px; left:2px; }
.pop_topologyMap .con .select2-container .select2-selection--single{ height:24px; }
.pop_topologyMap .con .select2-container--default .select2-selection--single{ border-radius:0; border-color:#ccc; }
.pop_topologyMap .con .select2-container .select2-selection--single .select2-selection__rendered{ padding-left:24px; line-height:22px; font-size:14px; }
.pop_topologyMap .con .select2-container--default .select2-selection--single .select2-selection__arrow{ height:22px; }
.pop_topologyMap .con .action_area .divbtn.buttons_toggle{ padding:0; }
.pop_topologyMap .con .action_area .divbtn.buttons_toggle button{ color:#333; }
.pop_topologyMap .con .action_area .divbtn.buttons_toggle button::before{ content:''; display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png); vertical-align:middle; }
.pop_topologyMap .con .action_area .divbtn.buttons_toggle button.btn_expand::before{ background-position:-108px -60px; }
.pop_topologyMap .con .action_area .divbtn.buttons_toggle button.btn_collapse::before{ background-position:-120px -60px; }
.pop_topologyMap .con #minimap{ top:0; right:20px; position:absolute; cursor:crosshair; }
.pop_topologyMap .con #minimap:active .slider-rect{ opacity:0.05; cursor:move; }
.pop_topologyMap .con .slider-rect{ fill: #000; opacity: 0.05; cursor: pointer; }
.pop_topologyMap .con #tree{ width:100%; /*height: calc(100vh - 100px);*/ height:760px; overflow:auto; }
.pop_topologyMap .con #tree>svg{ width:100%; }
.pop_topologyMap .con .node{ cursor:pointer; }
.pop_topologyMap .con .found{ fill:#ff4136; stroke:#ff4136; }
.pop_topologyMap .con .node text{ font:10px sans-serif; }
.pop_topologyMap .con .link { fill:none; stroke:#ccc; stroke-width:1.5px; }
.pop_topologyMap .search_area{}

/* pop_newFeatures */
.pop_newFeatures{ min-width:1000px; width:80%; max-width:1200px; }
.pop_newFeatures .con{ position:relative; }
.pop_newFeatures .con .area_left{ position:absolute; top:0; bottom:0; left:0; width:210px; overflow-y:auto; z-index:10; padding:15px; box-sizing:border-box; }
.pop_newFeatures .con .area_left ul{ max-height:580px; overflow-y:auto; padding:0; }
.pop_newFeatures .con .area_left ul li{ position:relative; float:none; width: inherit; padding-right:20px; margin:1px 0; }
.pop_newFeatures .con .area_left ul li a{ color:#666; text-decoration:none; line-height:20px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; padding:5px 10px; font-weight:normal; text-align:left; box-shadow:none; border:none; }
.pop_newFeatures .con .area_left ul li:hover{ background-color:#f6f6f6; }
.pop_newFeatures .con .area_left ul li.selected{ background:#e2e7ed; }
.pop_newFeatures .con .area_left ul li.selected::after{ position:absolute; top:8px; right:10px; width:12px; height:12px; content:''; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -60px -24px; }
.pop_newFeatures .con .area_left ul li.selected a{ font-weight:bold; color:#333; }
.pop_newFeatures .con .area_left ul li.switch:last-child{ margin-bottom:20px; }
.pop_newFeatures .con .area_right{ height:700px; margin-left:240px; position:relative; box-sizing:border-box; overflow:auto; }
.pop_newFeatures .con .area_right .tit{ display:flex; align-items: baseline; margin-bottom:20px; }
.pop_newFeatures .con .area_right .tit h2{ font-size:2.5rem; line-height:4rem; }
.pop_newFeatures .con .area_right .tit .release_date{ padding:0 0 0 10px;color:#999; }
.pop_newFeatures .con .area_right article{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px #eee dashed; }
.pop_newFeatures .con .area_right article:last-child{ border-bottom:0; }
.pop_newFeatures .con .area_right article h3{ font-size:14px; margin-bottom:10px; }
.pop_newFeatures .con .area_right article p{ color:#666; line-height:1.6rem; margin-bottom:10px; }
.pop_newFeatures .con .area_right article ul{ margin-bottom:10px; }
.pop_newFeatures .con .area_right article ul li{ color:#666; line-height:1.6rem; position:relative; padding:3px 0 3px 15px; }
.pop_newFeatures .con .area_right article ul li::before{ display:inline-block; content:'-'; padding:0 5px; position:absolute; top:0; left:0; }
.pop_newFeatures .con .area_right article p.img{ width:600px; height:260px; background:url(../images/common/newFeatures.png) no-repeat; }
.pop_newFeatures .con .area_right article p.img1{ background-position-y:0; height:280px; }
.pop_newFeatures .con .area_right article p.img2{ background-position-y:-280px; }
.pop_newFeatures .con .area_right article p.img3{ background-position-y:-540px; }
.pop_newFeatures .con .area_right article p.img4{ background-position-y:-800px; }


/****************************************** 로그인 ******************************************/
.wrap_login{ width:100%; height:100%; position:relative; min-width:1000px; min-height:800px; }
.wrap_login .login{ width:360px; height:630px; margin:-300px 0 0 -180px; position:absolute; top:50%; left:50%; z-index:10; }
.wrap_login header{ height:35px; position:relative; }
.wrap_login header h1{ width:160px; height:35px; background:url(/cproject/data/logo/logo_login) no-repeat; position:absolute; top:0; right:0; }
.wrap_login section{ border:1px #555 solid; background:url(../images/common/login_icon.png) no-repeat center 30px; background-color:#f6f6f7; }
.wrap_login section p.version_info{ padding:115px 20px 0 20px; text-align:center; font-size:1em; color:#666; margin-bottom:10px; letter-spacing:-0.5px; }
.wrap_login section p.txt1{ text-align:center; font-size:26px; color:#555; margin-bottom:10px; letter-spacing:-0.5px; }
.wrap_login section p.txt1 strong{ font-size:1em; color:#555; }
.wrap_login section p.txt2{ text-align:center; font-size:14px; color:#666; margin-bottom:20px; }
.wrap_login section .select_language{ padding:5px 39px; text-align:right; }
.wrap_login section .select_language .divbtn.btn_language{ position:relative; }
.wrap_login section .select_language .divbtn.btn_language button{ width:100px; font-weight:bold; height:22px; padding:0 5px; white-space:nowrap; background:#fff; font-size:1em; line-height:1.0em; border-radius:2px; border-top:1px #909090 solid; border-right:1px #c0c0c0 solid; border-bottom:1px #c0c0c0 solid; border-left:1px #909090 solid; text-align:left; }
.wrap_login section .select_language .divbtn.btn_language .layer_st{ display:none; position:absolute; top:21px; right:0; width:98px; background:#fff; border:1px #c0c0c0 solid; }
.wrap_login section .select_language .divbtn.btn_language .layer_st ul{ }
.wrap_login section .select_language .divbtn.btn_language .layer_st ul li{ text-align:left; cursor:pointer; padding:2px 5px; border-bottom:1px #ccc dotted; }
.wrap_login section .select_language .divbtn.btn_language .layer_st ul li:last-child{ border-bottom:none; }
.wrap_login section .select_language .divbtn.btn_language .layer_st ul li:hover{ background-color:#e6e6e6; }
.wrap_login section .select_language .divbtn.btn_language span.icon{ display:inline-block; width:16px; height:12px; background:url(../images/common/btn_icon.png) no-repeat 0 -220px; margin-right:4px; }
.wrap_login section .select_language .divbtn.btn_language span.icon.korean{ background-position:0 -220px; }
.wrap_login section .select_language .divbtn.btn_language span.icon.english{ background-position:0 -232px; }
.wrap_login section .select_language .divbtn.btn_language span.icon.japanese{ background-position:-16px -220px; }
.wrap_login section .select_language .divbtn.btn_language button span.arrow{ float:right; display:inline-block; width:5px; height:12px; margin-left:2px; vertical-align:middle; background:url(../images/common/btn_icon.png) -69px -52px; }
.wrap_login section .form_login{ margin:0 39px; padding:0 0 0 0; /*border-bottom:1px #c5c5c5 solid;*/ }
.wrap_login section .form_login ul{  }
.wrap_login section .form_login ul li{ padding:5px 0; }
.wrap_login section .form_login ul li input[type=text]{ width:260px; height:40px; font-size:1.1em; padding:0 10px; }
.wrap_login section .form_login ul li input[type=password]{ width:260px; height:40px; font-size:1.1em; padding:0 10px; }
.wrap_login section .form_login ul li input[type=password]{}
.wrap_login section .form_login ul li.login_chk_btn{ overflow:hidden; }
.wrap_login section .form_login ul li.login_chk_btn .login_chk{ padding:0 0 20px 0; color:#666; }
.wrap_login section .form_login ul li.login_chk_btn .login_chk label{ color:#666; }
.wrap_login section .form_login ul li.login_chk_btn .btn_login{ }
.wrap_login section .form_login ul li.login_chk_btn .btn_login button{ width:280px; height:50px; border-top:1px #6e8197 solid; border-right:1px #364e6a solid; border-bottom:1px #364e6a solid; border-left:1px #6e8197 solid; border-radius:3px; background:url(../images/common/btn_login_bg.png) repeat-x top; color:#fff; font-size:1.5em; text-shadow:0 -1px 0px #333; }
.wrap_login section .form_login ul li.login_chk_btn .btn_login span.icon{ display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -45px -110px; }

.wrap_login section .form_login ul li.login_chk_btn .btn_login.login2{ }
.wrap_login section .form_login ul li.login_chk_btn .btn_login.login2 button{ width:138px; font-size:13px; }
.wrap_login section .form_login ul li.login_chk_btn .btn_login.login2 button span.icon{ width:18px; height:18px; }
.wrap_login section .form_login ul li.login_chk_btn .btn_login.login2 button.monitor{ float:left; }
.wrap_login section .form_login ul li.login_chk_btn .btn_login.login2 button.admin{ float:right; border-top:1px #828283 solid; border-right:1px #4f4f50 solid; border-bottom:1px #4f4f50 solid; border-left:1px #828283 solid; background:url(../images/common/btn_login_bg2.png) repeat-x top;  }
.wrap_login section .form_login ul li.login_chk_btn .btn_login.login2 button.admin span.icon{ background-position:-132px -104px; }
.wrap_login section .form_login ul li.login_chk_btn .btn_login.login2 button.monitor span.icon{ background-position:-156px -104px; }

.wrap_login section .etc_login{ padding:20px 0; text-align:center; }
.wrap_login section .etc_login ul{}
.wrap_login section .etc_login ul li{ display:inline-block; padding:0 5px; }
.wrap_login section .etc_login ul li button{ height:24px; font-size:1.1em; line-height:20px; white-space:nowrap; background:none; color:#666; border:none; }
.wrap_login section .etc_login ul li button span.icon{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -48px -24px; }
.wrap_login section .etc_login ul li button:hover{ color:#2162ae; }
.wrap_login section .etc_login ul li button:hover span.icon{ background-position:-48px -36px; }

/* wrap_login_new */
.wrap_login_new{ position:absolute; top:0; bottom:0; left:0; right:0;  background:#fff; }
.wrap_login_new button{ border:0; background:none; }
.wrap_login_new .header{ width:340px; margin:0 auto; padding:170px 0 10px 0; }
.wrap_login_new .header .icon_login{ width:80px; height:80px; background:url(../images/common/icon_login.png) no-repeat; margin:0 auto 5px auto; }
.wrap_login_new .header h1.logo{ width:260px; height:50px; background:url(/cproject/data/logo/logo_origin.svg) no-repeat 50% 50%; margin:0 auto; background-size:contain; }
.wrap_login_new .container{ width:340px; margin:0 auto; }
.wrap_login_new .container section{  margin-bottom:10px; box-sizing:border-box; padding:10px 0; }

.wrap_login_new .form_login{ margin-bottom:10px; }
.wrap_login_new .form_login ul{}
.wrap_login_new .form_login ul li{ padding:5px 0; }
.wrap_login_new .form_login ul li input{ width:100%; height:45px; font-size:14px; padding:0 10px; box-sizing:border-box; border-color:#ccc; }
.wrap_login_new .form_login .btn_login{ padding:5px 0; }
.wrap_login_new .form_login .btn_login button{ width:100%; height:50px; background-color:#4a74a5; color:#fff; font-size:1.5em;  }

.wrap_login_new .util{ position:relative; }
.wrap_login_new .util .find_password{ color:#888; height:24px; }
.wrap_login_new .util .privacy_policy{ color:#333; font-weight:bold; height:24px; }
.wrap_login_new .util .privacy_policy::before{ display:none; content:''; width:1px; height:10px; background:#ddd; margin:0 8px 0 2px; }
.wrap_login_new .util .find_password ~.privacy_policy::before{ display:inline-block; }
.wrap_login_new .util .drop_down.select_language{ position:absolute; top:0; right:0; }
.wrap_login_new .util .drop_down.select_language button{ line-height:24px; white-space:nowrap; color:#888; font-size:1em; font-weight:normal; }
.wrap_login_new .util .drop_down.select_language button span.icon{ display:inline-block; width:12px; height:12px; background:url(../images/common/btn_icon.png) no-repeat -12px -270px; margin-right:3px; }
.wrap_login_new .util .drop_down.select_language .layer_st{ display:none;  min-width:80px; box-sizing:border-box; box-shadow:2px 2px 6px #999; }
.wrap_login_new .util .drop_down.select_language .layer_st ul{ }
.wrap_login_new .util .drop_down.select_language .layer_st ul li{  text-align:left; cursor:pointer; padding:4px 6px; box-sizing:border-box; white-space:pre; }
.wrap_login_new .util .drop_down.select_language .layer_st ul li:hover{ background-color:#e6e6e6; }
.wrap_login_new .util .drop_down.select_language .layer_st ul li span.icon.korean{ background-position:0 -220px; }
.wrap_login_new .util .drop_down.select_language .layer_st ul li span.icon.english{ background-position:0 -232px; }
.wrap_login_new .util .drop_down.select_language .layer_st ul li span.icon.japanese{ background-position:-16px -220px; }
.wrap_login_new .util .drop_down.select_language button span.arrow{ display:inline-block; width:5px; height:12px; margin-left:2px; vertical-align:middle; background:url(../images/common/btn_icon.png) -69px -52px; }

.wrap_login_new .footer{ position:absolute; bottom:0; width:100%; text-align:center; background-color:transparent; height:20px; }
.wrap_login_new .footer .copyright{ font-size:11px; color:#999; line-height:14px;}

.wrap_login_new header{ height:30px; position:relative; margin-bottom:5px; }
.wrap_login_new header h1{ width:100%; height:30px; background:url(/cproject/data/logo/logo_origin.svg) no-repeat right; position:absolute; top:0; right:0; background-size:contain; }
.wrap_login_new section p.txt1{ text-align:center; font-size:26px; color:#555; margin-bottom:10px; letter-spacing:-0.5px; }
.wrap_login_new section p.txt1 strong{ font-size:1em; color:#555; }
.wrap_login_new section p.txt2{ text-align:center; font-size:14px; color:#666; margin-bottom:20px; }
.wrap_login_new section .etc_login{ padding:20px 0; text-align:center; }
.wrap_login_new section .etc_login ul li button{ height:24px; font-size:1.1em; line-height:20px; white-space:nowrap; background:none; color:#666; border:none; }
.wrap_login_new section .etc_login ul li button span.icon{ display:inline-block; width:12px; height:12px; vertical-align:middle; background:url(../images/common/btn_icon.png) no-repeat -48px -24px; }
.wrap_login_new footer p.copyright{ color:#999; }

.wrap_login_new .choose_organization header h1, .wrap_login_new .password_reset header h1{ width:160px; height:30px; }

/* 조직선택 */
.wrap_choose_organization{  }
.wrap_choose_organization .choose_organization{ width:600px; height:400px; margin:0 0 0 -300px; position:absolute; top:10px; left:50%; z-index:10; }
.wrap_choose_organization section{ padding:0; border:1px #555 solid; background:url(../images/common/choose_organization_icon.png) no-repeat center 20px; background-color:#f6f6f7; }
.wrap_login_new.wrap_choose_organization section{ background-color:#fff; border:1px #ccc solid;  }
.wrap_choose_organization section p.txt1{ padding:100px 0 0 0; text-align:center; font-size:18px; color:#555; margin-bottom:15px; letter-spacing:-0.5px; }
.wrap_choose_organization section p.txt1 strong{ font-size:1.4em; color:#555; }
.wrap_choose_organization section .organization_list{ margin:0 24px; }
.wrap_choose_organization section .organization_list li{ height:40px; line-height:40px; padding:0 15px; margin-bottom:5px; background:url(../images/common/choose_organization_arrow.png) no-repeat right -38px; background-color:#f0f0f2; cursor:pointer; }
.wrap_choose_organization section .organization_list li a{ color:#555; text-decoration:none; font-size:1.1em; }
.wrap_choose_organization section .organization_list li:hover{ background-color:#d5dde5; background-position:right 2px; }
.wrap_choose_organization section .organization_list li:hover a{ color:#2162ae; }
.wrap_choose_organization section .etc_login ul{ text-align:right; padding:0 54px; }
.wrap_choose_organization section .etc_login ul li button.btn_return{}
.wrap_choose_organization section .etc_login ul li button.btn_return span.icon{ margin-right:2px; background:url(../images/common/btn_icon.png) no-repeat -192px 0; }
.wrap_choose_organization section .etc_login ul li button.btn_return:hover span.icon{ background-position:-192px -12px; }


/* password_reset / password_find */
.wrap_password_reset{}
.wrap_password_reset .password_reset{ width:500px; height:400px; margin:0 0 0 -250px; position:absolute; top:10px; left:50%; z-index:10; }
.wrap_password_reset section{ padding:0; border:1px #555 solid; background:url(../images/skin_1/password_reset_icon.png) no-repeat center 20px; background-color:#f6f6f7; }
.wrap_login_new.wrap_password_reset section{ background-color:#fff; border:1px #ccc solid;  }
.wrap_password_reset section p.txt1{  padding:100px 0 0 0; text-align:center; font-size:24px; color:#555; margin-bottom:15px; letter-spacing:-0.5px; }
.wrap_password_reset section p.txt1 strong{ font-size:1em; color:#555; }
.wrap_password_reset section .form_login{ margin:0 44px; padding:0; }
.wrap_password_reset section .form_login ul li label{ display:block; /*width:120px;*/ padding:0 2px; box-sizing:border-box; }
.wrap_password_reset section .form_login ul li input[type=text]{ /*width:264px;*/ height:40px; font-size:14px; }
.wrap_password_reset section .form_login ul li input[type=password]{ /*width:264px;*/ height:40px; font-size:14px; }
.wrap_password_reset section .form_login ul li.btn{ text-align:right; padding:20px 0 25px 0; }
.wrap_password_reset section .form_login ul li.btn button{ width:180px; height:35px; border-radius:3px; background:#4a74a5; color:#fff; font-size:1.3em; border:0; }
.wrap_password_reset section .form_login ul li.btn span.icon{ display:none; }
.wrap_password_reset section .txt{ margin:0 44px 20px 44px; text-align:center; font-size:0.9em; }
.wrap_password_reset section .txt a{ font-size:1em; }
.wrap_password_reset section .form_login ul li.change_ip input{ float:left; width:49%; box-sizing:border-box; }
.wrap_password_reset section .form_login ul li.change_ip input:last-child{ float:right; }
.wrap_password_reset section .form_login ul li.change_ip::after{ content:' '; clear:both; display:block; }

/* loading bar */
@keyframes loading {
    0% { transform: rotate(0deg) scale(1,1); }
    50% {  transform: rotate(180deg) scale(1.3,1.3); }
	100%{ transform:rotate(360deg) scale(1,1); }
}

.wrap_loading_bar{ display: block; position:absolute; margin:-25px 0 0 -25px; top:50%; left:50%; width:50px; height:50px; z-index:99999; }
.wrap_loading_bar .inner{ width:100%; height:100%; position:relative; }
.wrap_loading_bar img{ animation: loading 1s linear infinite; }
.wrap_loading_bar span{ position:absolute; top:40px; width:100%; line-height:20px; display:block; font-size:10px; text-align:center;  }


/**************************************** progress bar ****************************************/
.progress_bar{}
.progress_bar .bg{ background-color:rgb(255, 255, 255); position:fixed; top:0px; right:0px; bottom:0px; left:0px; opacity:0; z-index:99998; }
.progress_bar .bar{ display:block; position:fixed; margin:-50px 0 0 -50px; top:50%; left:50%; width:100px; height:100px; z-index:99999; }
/*.progress_bar .bar{ display:block; position:absolute; margin:-50px 0 0 -50px; top:50%; left:50%; width:100px; height:100px; z-index:99999; }*/
.progress_bar .bar img{ animation: loading 1s linear infinite; }

/* progress_bar 
.progress_bar{ position:fixed; top:0px; right:0px; bottom:0px; left:0px; z-index:99998; }
.progress_bar .bg{ position:relative; width:100%; height:100%; background-color:rgb(255, 255, 255); opacity:0.3; }
.progress_bar .bar{ position:absolute; z-index:999999; top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px; background:transparent; border-radius:50%; border:6px #eee solid; border-top:6px #999 solid; box-sizing:border-box; animation:ing 0.8s infinite linear; }
@keyframes ing {
 from {transform: rotate(0deg);}
 to {transform: rotate(360deg);}
}*/

/**************************************** ng-grid ****************************************/
.ngGrid{ background:transparent; }
.ngColList{ padding-left: 5px; margin-left: 0; margin-top: 10px; }
.ngColList li:first-child{ display:none; }
.ngColMenu{ background-color: white;  border: 1px solid #d4d4d4; }
.ngMenuText{ display:none; }
.ngGroupIcon{ display:none; }
.rowDefault {  background-color: green; color: white; }
.ngRow .selected{  background-color: #f1e99e!important; }
.ngRow .hidden{	/*display:none;*/  background-color: #fcf9e4; }
.ngRow{ height: auto; background-color: #8080ff; }
.ngRow.odd{ background-color: #f3f3f3; }
.ngRow.even{ background-color: white; }
.cellHover:hover{  /*  background-color: #63c4ca!important;  */  background-color: #f4edb3!important; }
.ngRow .hover:hover{ /*  background-color: #a6e3e8!important;  */  background-color: #f8f4ce!important; }
.ngVerticalBarVisible{ width: 0; }
.ngTopPanel{ border-bottom:1px #b6b6b6 solid; }
.ngHeaderCell { background: #f3f3f3; }
.ngHeaderCell:hover{ background:#e6e6e6; }
.ngHeaderButton{ border-radius: 0;  width:14px;  height:28px;  line-height:28px;  top:0;  right:0;  background-color: white;  border: 1px solid #A9A9A9; }
.ngHeaderButtonArrow{ position: absolute; margin: 0 auto;  font-size: 18px;  color: #505050;  top: 5px;  left: 2px;  width: 0;  height: 0; border-style: solid; border-width: 0; border-color: transparent transparent transparent transparent; }
/* ng-grid: end */
.ngHeaderText{ text-overflow: clip; white-space: normal; }
/*.ngHeaderText:hover{ background:#e9e9e9; }*/
.ngCellText{ text-overflow:clip; word-break:break-all; vertical-align:middle; display:inline-block; }
.hidden .ngCellText span{ color:#777; font-size:0.5em; line-height:1em; font-weight:normal; text-align: right; }
/*.ngCellText span  {display:none;}*/
div.ngCanvas {/*display:none;*/}
.ngCellText span span span.pkttext{ color:#777; font-size:1em; line-height:1em; font-weight:normal; }
div.divbtn button.disabled{ color:#bbb; border-top:1px #e0e0e0 solid; border-right:1px #bdbdbd solid; border-bottom:1px #bdbdbd solid; border-left:1px #e0e0e0 solid; cursor:default; }
/* validation start */
input.ng-invalid{ background-color: pink; }
select.ng-invalid{ background-color: pink; }
/* validation end */
.ngHeaderGrip{ cursor:e-resize; }
.ngHeaderGrip:hover::after{ /*display:inline-block; width:1px; height:100%; content:''; background:#b6b6b6; margin-left:4px;*/ }

/* jQuery.terminal */
.terminal, .cmd, .terminal span{ font-family: Courier !important;  color: #aaa !important; }

/* editor 
body .cke_chrome{ border-radius:0; padding:0; border-color:#ddd; }
body .cke_inner{background:none; padding:0; }
body .cke_toolgroup{ background:none; }
body a.cke_combo_button{ background:none; }
body .cke_top{ border-bottom: 1px #ddd solid; padding:3px 5px 0; background-color:#f9f9f9; }
body .cke_bottom{ padding:0 5px 3px;  }
body a.cke_path_item:hover, .editor a.cke_path_item:focus, .editor a.cke_path_item:active{ color:#666; }
*/