/* @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic'); */
body {
  line-height: 1em;
  font-size:13px;
  min-width:1024px;
  background-color:#f3f3f4;
  font-family:"Tahoma", "Noto Sans Korean",Sans-Serif;
  letter-spacing:0.04em;
}

@font-face {
  font-family:'Nanum Gothic';
  src: url('../fonts/woff/NanumGothic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body.kor {
  font-family: 'Tahoma', 'Nanum Gothic' !important;
}
body.wait {
  cursor:wait;
}
body.side {
  background-repeat-y: repeat;
  background-repeat-x : no-repeat;
  background-position-x: 0;
}
body.popup #content-wrap{
  padding-top:70px !important;
  background: #e8e8e8;
  padding-bottom:120px;
}

body.popup.onlyDsh #content-wrap {
  padding-top:0 !important;
}
body.popup.ath #content-wrap{
  padding-bottom:50px;.viewtype-switch-wrap a:first-child:before
}
body.popup:not(.toplayout) #content-wrap {
  padding-left:100px;
}
body.popup:not(.toplayout).widget #content-wrap {
  padding-left:0;
  padding-bottom: 0;
}
body.popup.topology #content-wrap {
  padding-left:0;
}
html.popup,
body.popup {min-width:800px !important;}
/* Login Container */
body.login-body {
  background: url(../img/pattern_bg_gray.jpg);
}
/* Tooltip text */
.popup .tooltip-top {
  background-color: #86a2d6;
  color: #fff;
}
.tooltip-top {
  width: 163px;
  background-color: #419696;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  font-size: 11px;
  display: inline-block;
  vertical-align: top;
  margin-top: -3px;
  margin-left: 10px;
}
.popup .tooltip-top::after {
  border-color: transparent #86a2d6 transparent transparent;
}
.tooltip-top::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 163px;
  margin-top: -6px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #419696 transparent transparent;
}
#clipboard-inp {position:absolute;left:0;bottom:0;visibility:hidden;}
.pq-grid-cell.cell-focus {
  outline:2px solid #4973ea !important
}

.solution-selector {
  visibility: hidden;
  display:table-cell;
  vertical-align: middle;
}

.solution-selector-wrap {
  z-index:3;
  background:white;
  display:block;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  padding:8px 10px;
  border:1px solid rgba(56,55,70, 1);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  width:92px;
  text-align:center;
}

.solution-selector-select {
  background:gray;
}

.solution-selector-deselect {
  background:white;
}

#login-container {
  width:100%;
  height:600px;
  top:50%;
  margin-top:-300px;
  position:absolute;
  /* background:#f9f9f9; */
  /* background-image:url('../img/login_bg_1.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center; */
}
#login-container .dTable {
  width:100%;
  height:100%;
  max-width:860px;
  margin:0 auto;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  font-family:"Noto Sans Korean",sans-serif;
}
#login-container .dTable .dCell {
  width:50%;
}
#login-container .dTable .dCell.info {
  /* background:#383746; */
  position:relative;
  color:white;
  padding:30px;
  background-image:url('../img/login_bg_2.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

#login-container .dTable .dCell.info.vnext {
  /* background:#383746; */
  position:relative;
  color:white;
  padding:30px;
  background-image:url('../img/login_bg_3.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

#login-container .dTable .dCell.log {
  position:relative;
  padding:30px;
  background:white;
  overflow:hidden;
}
#login-container .dTable .dCell.info .text {
  font-weight:300;
  font-size:24px;
  text-align:right;
  line-height:1.43em;
}
#login-container .dTable .dCell.info .login-logo-wrap {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 31px;
  font-weight: bold;
  text-shadow: 1px 1px 1px 1px rgba(0,0,0,1);
  /* color: #c76c50; */
  font-family: "Noto Korean";
  font-weight: 300;
  /* transform: scale(1,0.9); */
}
#login-container .dTable .dCell.info .login-logo-wrap span {
  color:#ff3d00;
}

#login-container .dTable .dCell.info .login-logo-wrap.vnext span {
  color:#ff3d00;
}
#login-container .dTable .dCell.info .browser-info {
  font-size:11px;
  font-weight:300;
  position:absolute;
  right:30px;
  bottom:30px;
  line-height:1.43em;
  text-align:right;
}
#login-container .dTable .dCell.info .browser-info .tit {
  font-weight:bold;
  margin-bottom:9px;
}
#login-container #login-frm-wrap {
  /* background:rgba(255,255,255,1);
    color:white;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2); */
  margin:0 auto;
  font-size:11px;
}
#login-container #login-frm-wrap .login-title-wrap {
  font-weight:normal;
  font-size:24px;
  margin-bottom:20px;
  line-height:1.43em;
}
#login-container #login-frm-wrap .login-input-wrap .login-input{
  background:#f9f9f9;
  margin-left:-30px;
  margin-right:-30px;
  border-bottom:1px solid #dbdbdb;
  padding:7px 15px 7px 60px;
  position:relative;
}
#login-container #login-frm-wrap .login-input-wrap .login-input:first-child {
  border-top:1px solid #dbdbdb;
}
#login-container #login-frm-wrap .login-input-wrap .login-input input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding:8px 10px;
  background:none;
  width:100%;
  display:block;
  border:0;
  font-family:"Noto Sans Korean",sans-serif;
  font-weight:300;
  outline:none;
}
#login-container #login-frm-wrap .login-input-wrap .login-input label {
  position:absolute;
  left:40px;
  top:19px;
}
#login-container #login-frm-wrap .button-wrap {
  text-align:right;
  margin-top:30px;
  margin-right:-30px;
}
#login-container #login-frm-wrap .button-wrap #login-btn {
  /* border:1px solid #1ca56c; */
  cursor:pointer;
  border:0;
  background:#79c750;
  border-right:0;
  color:white;
  text-align:left;
  padding:14px 30px 14px 30px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-border-radius:18px 0 0 18px;
  -moz-border-radius:18px 0 0 18px;
  border-radius:18px 0 0 18px;
  /* -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3); */
  font-size:14px;
}
#login-container #login-frm-wrap .button-wrap #login-btn:hover {
  background:#33333f;
}
#login-container #login-frm-wrap #create-account-btn {
  position:absolute;
  right:30px;
  top:30px;
  z-index:3;
  background:white;
  display:block;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  padding:8px 10px;
  border:1px solid rgba(56,55,70, 1);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  width:92px;
  text-align:center;
}
#login-container #login-frm-wrap #create-account-btn .close {display:none}
#login-container.create #login-frm-wrap #create-account-btn .close {
  display:inline;
}
#login-container.create #login-frm-wrap #create-account-btn .create {display:none;}
#login-container #login-frm-wrap #create-account-btn:hover {
  background:rgba(56,55,70,1);
  color:white;
}
#login-container .dTable .dCell.log .copyright-info {
  font-size:11px;
  font-weight:300;
  position:absolute;
  left:30px;
  bottom:30px;
  line-height:1.43em;
  text-align:left;
}
#login-container #create-account-wrap {
  position:absolute;
  left:100%;
  top:0;
  bottom:0;
  height:600px;
  background:white;
  padding:30px;
  z-index:1;
  width:100%;
  overflow-y:scroll;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border-left:1px solid #dbdbdb;
}
#login-container.create #create-account-wrap {
  left:0;
}
#login-container.create #create-account-wrap #id_check {
  cursor:pointer;
  display:inline-block;
  font-size:11px;
  padding:6px 8px;
  background:#f9f9f9;
  border:1px solid #dbdbdb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#login-container #create-account-wrap .create-title-wrap {
  font-weight:300;
  font-size:24px;
  margin-bottom:20px;
  line-height:1.43em;
}
#login-container #create-account-wrap .create-input-wrap .login-input{
  background: #f9f9f9;
  /* margin-left: -30px; */
  /* margin-right: -30px; */
  border: 1px solid #dbdbdb;
  padding: 2px 8px;
  position: relative;
  margin-bottom: 10px;
}
#login-container #create-account-wrap .create-input-wrap .login-input:first-child {
  border-top:1px solid #dbdbdb;
}
#login-container #create-account-wrap .create-input-wrap .login-input input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding:8px 10px;
  background:none;
  width:100%;
  display:block;
  border:0;
  font-family:"Noto Sans Korean",sans-serif;
  font-weight:300;
  outline:none;
}
#login-container #create-account-wrap .create-input-wrap label {
  margin-bottom:10px;
  display:block;
}
#login-container #create-account-wrap .button-wrap {
  text-align:right;
}
#login-container #create-account-wrap .button-wrap #create-submit-btn,
#login-container #create-account-wrap .button-wrap #create-cancel-btn {
  display:inline-block;
  margin-left:3px;
  padding:6px 7px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size:12px;
}
#login-container #create-account-wrap .button-wrap #create-submit-btn {
  background:#746dd6;
  color:#fff;
}
#login-container #create-account-wrap .button-wrap #create-cancel-btn {
  background:#777;
  color:#fff;
}
.ui-front {z-index:1001}
.ui-autocomplete {max-height:200px;font-size:11px;overflow-y:auto;overflow-x:hidden;}
.isInData {position:relative;}
.isInData:after {
  content: "";
  top: -2px;
  text-align: center;
  /* font-family: FontAwesome; */
  font-size: 10px;
  right: -3px;
  position: absolute;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: #ecb100;
  /* border-radius: 50%; */
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  border:1px solid white;
}
/* .nicescroll-rails {z-index:101 !important;} */
.fleta-grid th,
.fleta-grid td {
  /* padding:8px 10px;
    vertical-align:middle;
    font-size:12px;
    color:#000; */
  padding: 5px 10px;
  vertical-align: middle;
  font-size: 11px;
  color: #363E5C;
  font-family: Tahoma, Noto sans-serif;
}
.popup .fleta-grid th,
.popup .fleta-grid td {
  font-size:10.5px;
}
.fleta-grid td.redTd {
  color: #d44e4e;
  /* color: white; */
}
.fleta-grid a {
  cursor:pointer;
}
.fleta-grid th.editable .pq-td-div:before {
  font-family:FontAwesome;
  content:"\f044";
  display:inline-block;
  font-size:10px;
  margin-right:3px;
  color:#adadad;
}
.fleta-grid td.btns {
  padding-left: 0;
  padding-right: 0;
}
.fleta-grid td.btns button:first-child {margin-left:0;}
.fleta-grid td.btns button {
  margin-left:7px;
}
.fleta-grid th.btns {

}
.fleta-grid th {
  font-weight:bold !important;
}
.fleta-grid .drag-table {
  table-layout:fixed;
  border-collapse: collapse;
}
.fleta-grid .drag-table thead td {
  font-weight:bold;
  text-align:center;
}
.fleta-grid .drag-table td {
  border:1px solid #dbdbdb;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.fleta-grid .drag-table tr.pq-row-hidden {display:none !important;}
.menu-icon {
  width:17px;
  height:16px;
  background-image: url(../img/icn_menu_sprite_white.png);
  -webkit-background-size:237px 16px;
  background-size:247px 16px;
  background-repeat: no-repeat;
  overflow:hidden;
  display:inline-block;
  vertical-align:middle;
  background-position-y:0;
}
.menu-icon[data-code='0x0062'] {
  background-position-x:0;
}
.menu-icon[data-code='0x0068'] {
  background-position-x:-17px;
}
.menu-icon[data-code='0x0079'] {
  background-position-x:-34px;
}
.menu-icon[data-code='0x0080'] {
  background-position-x:-53px;
}
.menu-icon[data-code='0x008c'] {
  background-position-x:-71px;
}
.menu-icon[data-code='0x0097'] {
  background-position-x:-88px;
}
.menu-icon[data-code='0x00a0'] {
  background-position-x:-106px;
}
.menu-icon[data-code='0x00a5'] {
  background-position-x:-123px;
}
.menu-icon[data-code='0x00b3'] {
  background-position-x:-140px;
}
.menu-icon[data-code='0x00b5'] {
  background-position-x:-159px;
}
.menu-icon[data-code='0x00d0'] {
  background-position-x:-176px;
}
.menu-icon[data-code='0x00ba'] {
  background-position-x:-195px;
}
.menu-icon[data-code='0x00bd'] {
  background-position-x:-212px;
}
.menu-icon[data-code='0x3aab'] {
  background-position-x:-230px;
}

.menu-icon-vnext {
  width:32px;
  height:32px;
  overflow:hidden;
  display:inline-block;
  vertical-align:middle;
  background-size: 100%;
}
.menu-icon-vnext[data-code='0x0062'] {
  background-image: url(../img/icn_menu_vnext_sum.png);
}
.menu-icon-vnext[data-code='0x3b10'] {
  background-image: url(../img/icn_menu_vnext_vct.png);
}
.menu-icon-vnext[data-code='0x8f4f'] {
  background-image: url(../img/icn_menu_vnext_hst.png);
}
.menu-icon-vnext[data-code='0x0540'] {
  background-image: url(../img/icn_menu_vnext_gst.png);
}
.menu-icon-vnext[data-code='0x8dd6'] {
  background-image: url(../img/icn_menu_vnext_stg.png);
}
.menu-icon-vnext[data-code='0x3b13'] {
  background-image: url(../img/icn_menu_vnext_chg.png);
}
.menu-icon-vnext[data-code='0x00b3'] {
  background-image: url(../img/icn_menu_vnext_adm.png);
}
.menu-icon-vnext[data-code='0x00b3'] {
  background-image: url(../img/icn_menu_vnext_evt.png);
}
.menu-icon-vnext[data-code='0x3aab'] {
  background-image: url(../img/icn_menu_vnext_ai.png);
}
.menu-icon-vnext[data-code='0x3b21'] {
  background-image: url(../img/icn_menu_vnext_biz.png);
}

#mymenu-wrap {
  padding:0 20px;
  position:relative;

  /* alram hidden ver */
  /* z-index: 88; */
}
#mymenu-wrap .need_mymenu {
  color:#9f9faa;
  opacity:0.5;
  font-size:20px;
  margin-left:-20px;
  margin-top:6px;
  display:block;
}
#mymenu-wrap .mymenu-in {display:none;}
#mymenu-wrap.active .need_mymenu {
  display:none;
}
#mymenu-wrap.active .mymenu-in {
  display:block;
}
#mymenu-wrap .carousel-control {
  position:absolute;
  top:5px;
}
#mymenu-wrap .carousel-control.next {
  /* alram hidden ver */
  /* right : -60px; */
  right:0;
}
#mymenu-wrap .carousel-control.prev {left:0;}
.mymenu-list {
  /* float: left; */
  overflow: hidden;
  margin-top:5px;
  /* max-height: 23px; */
}
/* .mymenu-list .owl-stage {min-width:100% !important;} */
/* .mymenu-list.owl-carousel .owl-stage{
	white-space:nowrap
} */
/* .mymenu-list.owl-carousel .owl-stage .owl-item {display:inline-block;} */
.mymenu {
  /* padding:0px 9px 0px; */
  padding-left:9px;
  /* -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px; */
  letter-spacing: -0.01em;
  font-size:12px;
  /* background:#272634; */
  color:black;;
  display:block;
  position:relative;
  /*float:left;*/
  /*margin-left:10px;*/
  border-left:1px solid #dbdbdb;
}
.mymenu:before {

}
body.toplayout .mymenu {color:white;}

.owl-item:first-child .mymenu {border:0;}
.mymenu:before {
  /* width:1px;
    display:block;
    content:"";
    top:0;
    height:100%;
    bottom:0;
    left:0;
    background:#dbdbdb; */
}
.mymenu:focus,
.mymenu:active,
.mymenu:hover {
  /* background:#999;
    color:white; */
}
.mymenu:hover {opacity:0.5;}
.mymenu:first-child {margin-left:0;}
.grid-icon {
  background-image: url(images/grid_icon_sprite.png);
  background-repeat: no-repeat;
  /* overflow:hidden; */
  display:inline-block;
  width:16px;
  height:16px;
}
.popup .grid-icon {
  background-image: url(images/grid_icon_sprite_wht.png);
}
.grid-icon.save {
  background-position:0 0;
}
.grid-icon.refresh {
  background-position:-15px 0;
}
.grid-icon.filter {
  background-position:-32px 0;
}
.grid-icon.table {
  background-position:-48px 0;
}
.grid-icon.export {
  background-position:-65px 0;
}
.grid-icon.check {
  background-position:-80px 0;
}
.grid-icon.star {
  background-position:-97px 0;
}
.grid-icon.print {
  background-position:-113px 0;
}
.grid-icon.lock {
  background-position:-129px 0;
}
.grid-icon.addrow {
  background-position:-145px 0;
}
.grid-icon.expand {
  background-position:-163px 0;
}
.grid-icon.serial {
  background-position:-181px 0;
}
.pq-grid-row > td.pq-grid-number-cell {
  text-align:center;
  background:none;
  /* padding:7px 10px 6px; */
  padding:5px 10px;
}
.popup .pq-grid-row > td.pq-grid-number-cell {
  padding:5px 10px 5px
}
.enumGrid .pq-grid-row > td.pq-grid-number-cell {
  padding:5px 10px 6px
}
.contentSlide-wrap {
  display:inline-block;
  font-size:11px;
  vertical-align: middle;
}
.contentSlide-wrap a {display:inline-block;}
.contentSlide-wrap .detailSubmitbtn,
.contentSlide-wrap .discardEditbtn,
.contentSlide-wrap .resotreEditbtn,
.contentSlide-wrap .detailEditbtn {
  /* padding:7px 0; */
  font-size: 11px;
  border: 1px solid #dbdbdb;
  height: 22px;
  line-height: 20px;
  padding: 0px 8px;
  display: inherit;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: white;
  vertical-align:middle;
  /* border-bottom: 0; */
}
.contentSlide-wrap .detailEditbtn.editing {
  background: black;
  color: white;
}
.contentSlide-wrap .detailEditbtn .edit_cancel {display:none}
.contentSlide-wrap .detailEditbtn.editing .edit_cancel{display:inline}
.contentSlide-wrap .detailEditbtn.editing .edit_modi {display:none}
.contentSlide-wrap .detailSubmitbtn {
  opacity:0.2;
}
.contentSlide-wrap .detailSubmitbtn.active {
  opacity:1;
}

.content-wrap.spec_box .loadWidget.detail-table-wrap .stgIpModify {
  font-size: 11px;
  border: 1px solid #dbdbdb;
  height: 26px;
  line-height: 24px;
  padding: 0px 4px;
  display: block;
  border-radius: 6px;
  background: white;
  vertical-align: middle;
  width: 50px;
  /*margin-left: 5px;*/
  margin-left: 35px;
  margin-top: -24px;
  position: absolute;
}

.hide-right-wrap {
  display:inline-block;
  width:0;
  height:22px;
  vertical-align:middle;
  overflow:hidden;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  white-space:nowrap;
}
.hide-right-wrap.active {
  width:85px;
}
.contentSlide-wrap .contentSlideToggle {
  padding:7px 3px;
}
.popup .contentSlide-wrap .contentSlideToggle {color:#fff;}
.fleta-grid .title-right select,
.fleta-grid .pq-toolbar select,
.fleta-grid .input-wrap input{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border:1px solid #d2d2d2;
  background:#e7e7e7;
  padding: 0px 8px;
  height: 27px;
  display:inline-block;
  vertical-align:middle;
  color:#636363;
  font-size:11px;

}
.fleta-grid .title-right select:hover,
.fleta-grid .input-wrap input:hover {
  border-color:#999;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  cursor: pointer;
}
.fleta-grid .input-wrap {
  display: inline-block;
  vertical-align: top;
  position:relative;
}
.fleta-grid .input-wrap .search-btn {
  content:"\f002";
  background-position: -160px -112px;
  font-size:11px;
  position:absolute;
  top:7px;
  right:6px;
  top:50%;
  margin-top:-7px;
  cursor:pointer;
  font-family:FontAwesome;
}
.fleta-grid .input-wrap input {
  padding-left:28px;
  padding-right:20px;
  width:150px;
}
.fleta-grid .input-wrap .search-option {
  left:7px;
  top:7px;
  position:absolute;
}
.fleta-grid .title-right input,
.fleta-grid .title-right select {

}
.fleta-grid .input-wrap,
.fleta-grid .title-right input,
.fleta-grid .title-right select {
  margin-left:0px;
}
.fleta-grid .title-right > *:first-child {margin-left:0;}
.fleta-grid .datepicker-wrap,
.fleta-grid .radio-select-wrap,
.fleta-grid .checkbox-select-wrap,
.fleta-grid .filter-select-wrap,
.fleta-grid .os-select-wrap,
.fleta-grid .edit-row-wrap{
  display:inline-block;
  vertical-align:middle;
  /* vertical-align:top; */
}
.fleta-grid .edit-row-wrap {
  /* position: absolute;
    right: -1px;
    top: -27px; */
  position: absolute;
  left: -1px;
  top: -31px;
}
.fleta-grid .edit-row-wrap li {
  display:inline-block;
  margin-left:5px;
  float:left;
}
.fleta-grid .edit-row-wrap li:first-child {margin-left:0;}
.fleta-grid .edit-row-wrap li a {
  font-size:11px;
  border:1px solid #dbdbdb;
  height: 27px;
  line-height: 26px;
  padding: 0px 8px;
  display:block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: white;
  /* border-bottom: 0; */
}
.fleta-grid .edit-row-wrap li a.save-rows {
  opacity:0.2;
}
.fleta-grid .edit-row-wrap li a.save-rows.active {
  opacity:1;
}
.fleta-grid .edit-row-wrap .edit-rows {width:72px;}
.fleta-grid .edit-row-wrap .edit-rows.disabled {
  opacity:0.2;
}
.fleta-grid .edit-row-wrap .edit-rows .edit_cancel {
  display:none;
}
.fleta-grid .edit-row-wrap .edit-rows.editing {
  background:black;
  color:white;
}
.fleta-grid .edit-row-wrap .edit-rows.editing .edit_cancel {
  display:inline
}
.fleta-grid .edit-row-wrap .edit-rows.editing .edit_modi {display:none;}
.fleta-grid .datepicker-wrap {
  position:relative;
}
.fleta-grid .datepicker-wrap .currentDate-view {
  display:inline-block;
  font-size:11px;
}
.fleta-grid .datepicker-wrap .datepicker-toggle-btn {
  padding: 3px;
  display: inline-block;
}
.fleta-grid .datepicker-wrap .datepicker-toggle-btn.active {
  background:#666;
  color:white;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.fleta-grid .datepicker-wrap .inDatepicker .datepicker-save {
  display:inline-block;
  height:22px;
  line-height:21px;
  background:#1ca56c;
  color:white;
  padding:0 6px;
  font-size:11px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.fleta-grid .datepicker-wrap .inDatepicker .datepicker-reset {
  display:inline-block;
  height:22px;
  line-height:21px;
  background:#b74343;
  color:white;
  padding:0 6px;
  font-size:11px;
  margin-left:0px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.fleta-grid .datepicker-wrap .inDatepicker {
  position:absolute;
  right:-15px;
  top:100%;
  background:white;
  padding:10px;
  display:none;
  margin-top:10px;
  border:1px solid #dbdbdb;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  white-space:nowrap;
}
.fleta-grid .datepicker-wrap .inDatepicker .datepicker-input-wrap {
  display:inline-block;
  vertical-align:middle;
}
.fleta-grid .datepicker-wrap .inDatepicker .datepicker-input-wrap input {
  width:100px;
  font-size:11px;
  text-align:center;
  padding:3px 5px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border:1px solid #dbdbdb;
}
.os-select-wrap {position:relative;}
.os-select-wrap .os-title {
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  font-size:11px;
  border:1px solid #d2d2d2;
  padding:0 8px;
  height:27px;
  line-height:26px;
  display:inline-block;
}
.popup .os-select-wrap .os-title {
  background:white;
}
#os-select-list {overflow:hidden;}
.fleta-grid .checkbox-select-wrap a:first-child {
  border-left:1px solid #dbdbdb;
}
.fleta-grid .checkbox-select-wrap a {
  display:block;
  float:left;
  height:27px;
  line-height:26px;
  padding:0px 6px;
  border:1px solid #dbdbdb;
  border-left:0;
  font-size:11px;
  position:relative;
  overflow:hidden;
  -webkit-transition: all ease-in-out 0.15s;
  -moz-transition: all ease-in-out 0.15s;
  -ms-transition: all ease-in-out 0.15s;
  -o-transition: all ease-in-out 0.15s;
  transition: all ease-in-out 0.15s;
}
.fleta-grid .checkbox-select-wrap a span {
  position:relative;
  z-index:1;
}
.fleta-grid .checkbox-select-wrap a .checkbox-tit {
  position:relative;
  z-index:1;
}
.fleta-grid .checkbox-select-wrap a:before {
  -webkit-transition: all ease-in-out 0.15s;
  -moz-transition: all ease-in-out 0.15s;
  -ms-transition: all ease-in-out 0.15s;
  -o-transition: all ease-in-out 0.15s;
  transition: all ease-in-out 0.15s;
  left:0;
  right:100%;
  top:0;
  bottom:0;
  background:#8173f3;
  position:absolute;
  content:"";
  display:block;
}
.fleta-grid .checkbox-select-wrap a.active {color:white;}
.fleta-grid .checkbox-select-wrap a.active:before {
  right:0;
}
.linear {
  display:inline-block;
  width:1px;
  vertical-align:middle;
  height:23px;
  background:#dbdbdb;
  margin:0 5px;
}
.fleta-grid .radio-select-wrap a {
  display:block;
  float:left;
  height:27px;
  line-height:26px;
  padding:0px 6px;
  border:1px solid #dbdbdb;
  border-left:0;
  font-size:11px;
  position:relative;
  overflow:hidden;
  -webkit-transition: all ease-in-out 0.15s;
  -moz-transition: all ease-in-out 0.15s;
  -ms-transition: all ease-in-out 0.15s;
  -o-transition: all ease-in-out 0.15s;
  transition: all ease-in-out 0.15s;
}
.fleta-grid .radio-select-wrap a .radio-tit {
  position:relative;
  z-index:1;
}
.fleta-grid .radio-select-wrap a:before {
  -webkit-transition: all ease-in-out 0.15s;
  -moz-transition: all ease-in-out 0.15s;
  -ms-transition: all ease-in-out 0.15s;
  -o-transition: all ease-in-out 0.15s;
  transition: all ease-in-out 0.15s;
  left:0;
  right:100%;
  top:0;
  bottom:0;
  background:#6496cc;
  position:absolute;
  content:"";
  display:block;
}
.fleta-grid .radio-select-wrap a.active {color:white;}
.fleta-grid .radio-select-wrap a.active:before {
  right:0;
}
.fleta-grid .radio-select-wrap a:first-child {
  border-left:1px solid #dbdbdb;
}
.fleta-grid .filter-select-wrap .select-dropdown {display:inline-block;position:relative;}
.fleta-grid .filter-select-wrap .select-dropdown.disabled {
  opacity:0.5;
}
.fleta-grid .filter-select-wrap .select-dropdown a.filter-title{
  display:inline-block;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  cursor:pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border:1px solid #d2d2d2;
  background:#e7e7e7;
  padding: 0px 8px;
  padding-right:25px;
  position:relative;
  height: 27px;
  line-height:26px;
  vertical-align:middle;
  color:#636363;
  font-size:11px;
  position:relative;
}
.fleta-grid .filter-select-wrap .select-dropdown a.filter-title:after {
  position:absolute;
  content:"\f0d7";
  font-family:FontAwesome;
  display:block;
  right:8px;
  top:0;
}
.fleta-grid .filter-select-wrap.notable-qry-timer {
  font-size: 11px;
}
.fleta-grid .filter-select-wrap.notable-qry-timer .fa-refresh {
  vertical-align: middle;
  font-size: 15px;
  cursor: pointer;
}
.fleta-grid .filter-select-wrap.notable-qry-timer .fa-refresh.on,
.fleta-grid .filter-select-wrap.notable-qry-timer span.timer-txt.on {
  color: #2196f3;
}
.fleta-grid .filter-select-wrap.notable-qry-timer .fa-refresh.off,
.fleta-grid .filter-select-wrap.notable-qry-timer span.timer-txt.off {
  color: #ccc;
}

.fleta-grid .filter-select-wrap.notable-qry-timer span {
  vertical-align: middle;
  cursor: default;
}
.fleta-grid .filter-select-wrap.notable-qry-timer span.timer-txt {
  margin-right: 5px;
}

.pq-grid-number-col {text-align:center;background:none;}
/*.grid-select-get-size {
    border-radius: 4px;
    border: 1px solid #cccccc;
    height: 22px;
    padding-left: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}*/
.display-table {
  display: table;
}
.display-cell {
  display:table-cell;
}
.black-bubble
{
  position: relative;
  color:white;
  background: #272634;
  overflow:hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:15px 15px;
  font-size:10px;
  line-height:1.8em;
}
.black-bubble:after
{
  content: '';
  position: absolute;
  overflow:hidden;
  border-style: solid;
  border-width: 0 7px 11px;
  border-color: #272634 transparent;
  display: block;
  width: 0;
  z-index: 2;
  top: -9px;
  right: 10px;
}
.clearfix:after {
  display: table;
  content: "";
  clear:both;
}
.certi-container {
  max-width:860px;
  background:white;
  border:1px solid #dbdbdb;
  line-height:1.43em;
  margin:0 auto;
  padding:25px;
}
.certi-container .certi-box {
  border:1px solid black;
  margin-top:30px;
  text-align:left;
  padding:15px;
}
.certi-container .certi-box p {margin-bottom:6px;}
.certi-container h1 {
  font-size:20px;
  margin-bottom:20px;
  text-align:center;
}
.certi-container .text-center {text-align:center;}
.certi-container .next-text {
  font-size:17px;
  margin-bottom:25px;
  margin-top:25px;
}
.certi-container .date-dec {
  margin-top:20px;
  margin-bottom:20px;
}
.certi-container .certi-gray-box {
  background:#f9f9f9;
  border:1px solid #dbdbdb;
  padding:10px;
  margin-bottom:10px;
}
.certi-container .button-wrap {margin-top:25px;}
.member-layer.findLocationlayer {
  max-width:860px;
}
.member-layer {
  max-width:500px;
  margin:0 auto;
  padding:40px;
  position:relative;
  background-color:black;
  color:white;
}
.member-layer .title {
  font-size:24px;
  line-height:1.23em;
  padding-right:20px;
}
.form-control.form-inline {
  width:130px;
}
.checkbox-anchor {
  color:inherit;
}
.checkbox-anchor input[type='checkbox'] {display:none !important;}
.checkbox-anchor span.off,
.checkbox-anchor span.on {display:none;}
.checkbox-anchor.off span.off {display:inline}
.checkbox-anchor.on span.on {display:inline}
.select-location > div {
  background:#ff6c80;
  font-size:12px;
  width:12px;
  height:12px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}
a {
  color:inherit;
  text-decoration: none;
}
a:active,a:hover, a:focus{
  /*color:#b49759;*/
  text-decoration: none;
}
a:focus {
  color:inherit;
}
.pre-line {white-space:pre-line;line-height:1.43em;}
p.clearfix{
  float:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,body {
  height:100%;
  min-width:1024px;
}
label span.desc {
  font-size:9px;
  color:#ef007c;
}
span.ver-guide {
  content: "|";
  color:#dbdbdb;
  display:inline-block;
  margin-left:8px;
  margin-right:8px;
}
p.small, small {
  font-size: 85%;
}
select.return_m_prcess {
  border:1px solid #dbdbdb;
}
select.r_m_1,
select.return_0 {
  background:#dbdbdb;
  color:#1b1b1b;
}
select.return_1 {
  background:#dbdbdb;
  color:#1b1b1b;
}
select.r_m_2,
select.return_1 {
  background:#5cb85c;
  color:white;
}
select.r_m_9,
select.return_9 {
  background:#d9534f;
  color:white;
}
form.search .button-wrap {margin:10px auto;}
/* span.asc:before {content:"\f0d7"}
span.desc:before {content:"\f0d8"} */
ul.list-inline.color-list {margin:0;}
.col-margin {margin-bottom:6px;overflow:hidden;}
ul.color-list li {padding:0px;border:1px solid #dbdbdb;margin-right:2px;vertical-align:middle;font-size:12px;}
ul.color-list li.none {border:0;}
ul.color-list li.none.float-right {float:right;}
ul.color-list li.none input.form-control {padding:3px 8px;height:auto;max-width:120px;display:inline-block;font-size:12px;}
ul.color-list li.none a {display:inline-block;width:auto;height:auto;}
ul.color-list li.margin {margin-left:20px;margin-right:20px;width:1px;background:#dbdbdb;height:14px;}
ul li:first-child {}
ul.color-list li a {width:15px;height:15px;display:block;position:relative;}
ul.color-list li:first-child a span.fa {left:2px;}
ul.color-list li a span.fa {display:none;color:white;position:absolute;left:3px;top:3px;font-size:10px;}
ul.color-list li a span.fa.black {color:#666;}
ul.color-list li a.on span.fa {display:inline-block;}
.form-control.form-inline {
  display:inline-block;
}
.delete-file-wrap {margin-top:3px;font-size:12px;text-align:left;}
.popup_close {
  position: absolute;
  width:25px;
  height:25px;
  right:10px;
  top:10px;
}
.popup_close span:before,
.popup_close span:after{
  background-color:white !important;
}
.popup_close span:before,
.popup_close span:after {
  width: 25px;
  height: 1px;
  -moz-transition:       all 0.4s;
  -o-transition:         all 0.4s;
  -webkit-transition:    all 0.4s;
  transition:            all 0.4s;
  -webkit-transform: translate3d(0,0,0);
  margin-left:0;
  top:10px;
}

.popup_close span:before,
.popup_close span:after {
  background: white;
  content: " ";
  position: absolute;
  right:0;
}
.popup_close span {
  background: #fff;
  display: block;
  position: relative;
  -webkit-transform: translate3d(0,0,0);
}
.popup_close span:before {
  -moz-transform: rotate(45deg) translate(0px, 0px);
  -ms-transform: rotate(45deg) translate(0px, 0px);
  -o-transform: rotate(45deg) translate(0px, 0px);
  -webkit-transform: rotate(45deg) translate(0px, 0px);
  transform: rotate(45deg) translate(0px, 0px);
}

.popup_close span:after {
  -moz-transform: rotate(-45deg) translate(0px, 0px);
  -ms-transform: rotate(-45deg) translate(0px, 0px);
  -o-transform: rotate(-45deg) translate(0px, 0px);
  -webkit-transform: rotate(-45deg) translate(0px, 0px);
  transform: rotate(-45deg) translate(0px, 0px);
}

.m-b {margin-bottom:15px;}
.m-t {margin-top:5px;}
.red-color {color:#e52c4d}
.red-bg {background:#e52c4d;color:white}
.red-bg:hover {background: #e5597f;color:white;}
.form-horizontal .control-label {
  padding-top: 9px;
  margin-bottom: 0;
  text-align: right;
}
.form-horizontal .control-label.noPadding {
  padding-top:4px;
}
.form-group.has-error .form-control {
  border-color: #e52c4d;
}
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
  box-shadow: none;
}
.form-control, .single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
}
.btn-default {border-color:#dbdbdb;}
.label-primary,
.badge-primary {
  background-color: #1ab394;
  color: #FFFFFF;
}
.label-success,
.badge-success {
  background-color: #1c84c6;
  color: #FFFFFF;
}
.label-warning,
.badge-warning {
  background-color: #f8ac59;
  color: #FFFFFF;
}
.label-warning-light,
.badge-warning-light {
  background-color: #f8ac59;
  color: #ffffff;
}
.label-danger,
.badge-danger {
  background-color: #ed5565;
  color: #FFFFFF;
}
.label-info,
.badge-info {
  background-color: #23c6c8;
  color: #FFFFFF;
}
.label-inverse,
.badge-inverse {
  background-color: #262626;
  color: #FFFFFF;
}
.label-white,
.badge-white {
  background-color: #FFFFFF;
  color: #5E5E5E;
}
.label-white,
.badge-disable {
  background-color: #2A2E36;
  color: #8B91A0;
}
.no-margin {
  margin:0;
}

.float-left {float:left;}
.float-right {float:right;}
.logo-wrap img {

}
.login-guide {
  width:250px;
  height:1px;
  background-color:#777;
  margin:20px auto;
}
.login-button {
  width:100px;
}
.black-button {
  background:#1b1b1b;
  border:0;
  padding:5px 10px;
  color:white;
  font-size:12px;
}
.gold-button:hover {
  color:#1b1b1b;
}
#ajax-loading {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  display:none;
}
#ajax-loading #loading {
  display:table-cell;
  vertical-align: middle;
  text-align:center;
  color:white;
}
#ajax-loading #loading p {
  margin-top:30px;
}
.loader6{
  position: relative;
  width: 12px;
  height: 12px;

  top: 46%;
  top: -webkit-calc(50% - 6px);
  top: calc(50% - 6px);
  left: 46%;
  left: -webkit-calc(50% - 6px);
  left: calc(50% - 6px);

  border-radius: 12px;
  background-color: #fff;
  -webkit-transform-origin:  50% 50%;
  transform-origin:  50% 50% ;
  -webkit-animation: loader6 1s ease-in-out infinite;
  animation: loader6 1s ease-in-out infinite;
}

.loader6:before{
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, .5);
  top: 0px;
  left: -25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}

.loader6:after{
  content: "";
  position: absolute;
  background-color: rgba(255, 255 ,255 ,.5);
  top: 0px;
  left: 25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}
.popup-wrap {
  display:inline-block;
  background:white;
  max-width:500px;
}
.popup-wrap .popup-title {
  background: #666;
  color:white;
  /*font-weight:bold;*/
  position:relative;
  padding:8px 25px;
  line-height:1.4em;
  font-size:18px;
}
.popup-wrap .popup-title span {display:block;}
.popup-wrap .popup-title .small {
  font-size:14px;
  font-weight:normal;
}
.popup-wrap .popup-content {
  padding:3px 15px 15px;
}
.popup-wrap .popup-content .guide {
  width:100%;
  height:1px;
  background:#dbdbdb;
  margin: 8px auto;
}
.popup-wrap .popup-content .popup-image-info-wrap {
  overflow:hidden;
}
.popup-wrap .popup-content .popup-subtitle {font-size:14px;text-align:left;padding:3px 5px;}
.popup-wrap .popup-content .popup-image-wrap {width:20%;float:left;padding-right:5px;}
.popup-wrap .popup-content .popup-image-wrap img {width:100%;}
.popup-wrap .popup-content .popup-info-wrap {width:80%;float:left;padding-left:5px;text-align:left;}
.popup-wrap .popup-content .popup-info-wrap .popup-subject {font-size:14px;margin-bottom:8px;}
.defaultreply-wrap {
  margin-top:5px;
  border-top:1px solid #ddd;
  padding:10px 0;
}
.defaultreply-wrap:first-child {
  margin-top:0;
}
.defaultreply-wrap .reply-info {
  margin-bottom:5px;
}
.defaultreply-wrap .reply-content {
  white-space: pre-line;
  margin-bottom:5px;
  line-height:1.43em;
}
.defaultreply-wrap .reply-function {

}
#editorial-detail-table  td{vertical-align:top;}
.multi .content_simple {
  float:left;
  width:33.33333%;
}
.multi .content_simple {
  border:0;
  border-left:1px solid #dbdbdb;
  padding:0 10px;
}
.multi .content_simple:first-of-type {
  border-left:0;
  border-top:0;
}
.content_simple {
  overflow:hidden;
  background:white;
  border-bottom:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  border-left:1px solid #dbdbdb;
}
.content_simple:first-of-type {border-top:1px solid #dbdbdb;}
.content_simple > .img {
  width:25%;
  float:left;
}
.content_simple > .img img {width:100%;display:block;}
.content_simple > .info {
  width:75%;
  float:left;
  text-align:left;
  padding-left:15px;
}
.content_simple > .info a {
  display:block;
  margin-top:4px;
  text-decoration: underline;
  color:#1c84c6;
}
.popup-wrap .popup-content .search-result-wrap {
  border:1px solid #dbdbdb;
  background:#f9f9f9;
  padding:8px;
  line-height:1.6;
  height:200px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-align:left;
}
.popup-wrap .popup-content .search-result-wrap a {
  display:block;
  border-bottom:1px solid #dbdbdb;
  padding:5px 0;
}
.popup-wrap .popup-content .search-result-wrap a:hover {

}
.popup-wrap .popup-content .search-result-wrap a.active {
  background:#e52c4d;
  color:white;
}
.popup-wrap .popup-content .search-result-wrap a span {display:inline-block;vertical-align:middle;}
.popup-wrap .popup-content .search-result-wrap a img {width:40px;height:40px;display:block;}
#popup-wrap {
  width:100%;
  height:100%;
  position:fixed;
  display:none;
  left:0;
  top:0;
  z-index:10;
}
#popup-wrap #popup {
  display:table-cell;
  vertical-align: middle;
  text-align:center;
}
#popup-wrap #popup .popup-text {
  font-size:12px;
  padding:30px 50px;
  background:white;
  color:black;
  text-align:center;
  margin:0 auto;
  display:inline-block;
  max-width:80%;
  border:1px solid #1b1b1b;
  position:relative;
}
#popup-close-button {
  width: 24px;
  height: 24px;
  padding: 0;
  position:absolute;
  z-index:12;
  right: 0px;
  top: -23px;
  cursor:pointer;
  background:#666;
}
td.text-left {text-align:left;}
#popup-close-button span {
  background: white;
  display: block;
  position: absolute;
  left:0;
  top:0;
  -webkit-transform: translate3d(0,0,0);
}

#popup-close-button span:before,
#popup-close-button span:after {
  width: 20px;
  height: 2px;
  -moz-transition:       all 0.4s;
  -o-transition:         all 0.4s;
  -webkit-transition:    all 0.4s;
  transition:            all 0.4s;
  -webkit-transform: translate3d(0,0,0);
  background: white;
  content: " ";
  position: absolute;
  margin-top: 11px;
  left: 2px;
}

#popup-close-button span:before {
  -moz-transform: rotate(45deg) translate(0px, 0px);
  -ms-transform: rotate(45deg) translate(0px, 0px);
  -o-transform: rotate(45deg) translate(0px, 0px);
  -webkit-transform: rotate(45deg) translate(0px, 0px);
  transform: rotate(45deg) translate(0px, 0px);
}

#popup-close-button span:after {
  -moz-transform: rotate(-45deg) translate(0px, 0px);
  -ms-transform: rotate(-45deg) translate(0px, 0px);
  -o-transform: rotate(-45deg) translate(0px, 0px);
  -webkit-transform: rotate(-45deg) translate(0px, 0px);
  transform: rotate(-45deg) translate(0px, 0px);
}
@-webkit-keyframes loader6{
  0%{-webkit-transform:rotate(0deg);}
  50%{-webkit-transform:rotate(180deg);}
  100%{-webkit-transform:rotate(180deg);}
}

@keyframes loader6{
  0%{transform:rotate(0deg);}
  50%{transform:rotate(180deg);}
  100%{transform:rotate(180deg);}
}

#login-wrap.index {
  display:table;
  width:100%;
  height:100%;
}
#login-wrap.index .login {
  width:100%;
  height:100%;
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  color:#1b1b1b;
}
#login-wrap.index .login .logo img {
  display:block;
  margin:0 auto;
}
#login-wrap.index .login .logo {font-size:20px;font-weight:bold;}
#login-wrap.index .login .logo p {margin-top:12px;font-size:11px;font-weight:normal;}
#login-wrap.index .login .login-box {
  margin-top:20px;
}
#login-wrap.index .login .login-box .input_box {margin-top:10px;}
#login-wrap.index .login .login-box .input_box label {width:50px;display:inline-block;position:relative;margin-right:20px;color:#999}
#login-wrap.index .login .login-box .input_box label:after {content: ":";position:absolute;right:0;}
#login-wrap.index .login .login-box .input_box input {width:178px;padding:5px;border:1px solid #dbdbdb;font-size:12px;color:#1b1b1b;}
#login-wrap.index .login .login-box .input_box input:focus {}
#login-wrap.index .login .login-box button {width:250px;}
#login-wrap.index .login .copyright {font-size:12px;margin-top:12px;color:#999;font-family:"Lato",sans-serif;}

body #admin-sidebar {
  width: 200px;
  height:100%;
  min-height:100%;
  bottom:0;
  float: left;
  margin-right: -100%;
  z-index: 120;
  position: fixed;
  top: 0;
  left: 0;
  /* background:#272634; */
  background:#41414d;

  /* 200408 left menu 스크롤 */
  overflow-y : auto;
  -ms-overflow-style: none;
}
/* 200408 left menu 스크롤 */
body #admin-sidebar::-webkit-scrollbar {
  display: none;
}
/* 200408 explorer, left menu 스크롤 */
.leftlayout  #admin-sidebar{
  -ms-overflow-y : auto;
}


.toplayout #admin-sidebar {height:auto;}

#header {
  text-align:left;
  overflow:hidden;
  background:rgba(0,0,0,1);
  z-index:2;
  color:white;
  position:fixed;
  width:200px;
  top:0;
  left:0;
  height:60px;
  float:left;
}
#header #img-logo {
  display: block;
  padding:5px 5px 5px 5px;
  height: 100%;
  width : 100%;
  /* margin-top: 5px; */
}
#header #img-logo img {
  width:100%;
  height:100%;
  background:rgba(1,1,1,0);
  display:block;
}
#header h1 {
  color:white;
  margin-top:16px;
  margin-left:20px;
}
#header h1 .logo-wrap {
  width:auto;
  overflow:hidden;
  /*background-image:url("../img/logo.png");*/
  background-size:100%;
  -ms-background-position-y: -17px;
  background-position-y: -17px;
}
#header p {
  font-size:11px;
  color:#858598;
  margin-left:20px;
  margin-top:4px;
}
#header ul {
  float:right;
}
#header ul li {
  float:left;
  padding:0px 5px;
}
#header ul li a {
  display:block;
}

#gnb {
  text-align:left;
  margin-top:60px;
  z-index:1;
  /*border-bottom:1px solid #dbdbdb;*/
  /* overflow:hidden; */
}
#gnb > ul {
  margin: 0;
  padding: 0 0 5px 0px;
}
#gnb > ul > li {
  padding:14px 20px;
  margin-bottom:0px;
}

#gnb.vNext > ul > li {
  padding:9px 20px;
}
#gnb > ul > li.header:first-child {
  border-top:0;
  /*padding-top:0;*/
  /*margin-top:8px;*/
}
#gnb > ul > li.header {
  text-indent:13px;
  cursor: pointer;
  font-size:11px;
  font-weight:bold;
  letter-spacing:0.08em;
  color: rgba(255,255,255,.5);
  padding-left:6px;
  border-top:1px solid rgba(255,255,255,.1);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#gnb > ul > li.header .menu-icon {
  margin-right:10px;
  opacity:0.5;
}
#gnb > ul > li.header .menu-icon-vnext {
  margin-right:10px;
  opacity:0.5;
}
#gnb > ul > li.header.active,
#gnb > ul > li.header:hover {
  background:#393848;
  color:white;
}
#gnb > ul > li.header.active .menu-icon,
#gnb > ul > li.header:hover .menu-icon {
  opacity:1;
}

#gnb > ul > li.header.active .menu-icon-vnext,
#gnb > ul > li.header:hover .menu-icon-vnext {
  opacity:1;
}

body:not(.toplayout) #gnb > ul > li.header.active {
  border-bottom: 1px solid rgba(255,255,255,0.1);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.3);
  position: relative;
}
body:not(.toplayout) #gnb > ul > li.header:not(.active):hover {
  -webkit-box-shadow: inset 0px 3px 9px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 3px 9px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 3px 9px 0px rgba(0, 0, 0, 0.3);
}
#gnb ul li a {
  text-align:left;
  display:block;
  padding:5px 20px;
  font-size:11px;
  color:#f9f9f9;
  opacity:0.6;
  position:relative;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#gnb ul li.active a,
#gnb ul li a:hover,
#gnb ul li a.active {
  background:#222232;
}
#gnb ul li a:after {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  content: "\f105";
  position:absolute;
  right:25px;
  top:13px;
  display:none;
}
#gnb ul li a.isDepth:after {
  display:block;;
}
#gnb ul li.active a.isDepth:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#gnb > ul > li a:hover {
  opacity:1;
}
#gnb > ul > li.active > a {
  /*color:#C9C7EF;*/
  /*color:#f9f9f9;*/
  opacity:1;
}
#gnb > ul > li.active > a:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#gnb > ul > li.active_important div.subCategory-wrap {

}
#gnb > ul > li.active_important > a {
  /*color:#C9C7EF;*/
  /*color:#f9f9f9;*/
  opacity:1;
}
#gnb > ul > li.active_important > a:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#gnb > ul > li.active_important div.subCategory-wrap {

}
#gnb ul li a > span {
  vertical-align:middle;
  line-height:2em;
  white-space:nowrap;
  display:inline-block;
  width:100%;
}
#gnb ul li a > span span {
  vertical-align:middle;
}
#gnb ul li a > span i {
  vertical-align:middle;
  font-size: 16px;
  line-height: 31px;
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  margin-left: 0;
  border-radius: 3px;
  text-align: center;
}
#gnb > ul > li.active div.subCategory-wrap {
  display:block;
}
#gnb > ul > li.active_important div.subCategory-wrap {
  display:block;
}
#gnb > ul > li.depth2-Category {
  display: none;
  background: #383746;
  margin:0 auto 0;
  padding:0;
}
#gnb div.subCategory-wrap {
  display:none;
  position:relative;
  padding-top:10px;
  padding-bottom:10px;
  width:100%;
  background:rgba(0,0,0,.5);
}
#gnb div.subCategory-wrap:before {
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  content: "";
  top:0px;
  bottom:0px;
  left:20px;
  width:1px;
  display:block;
}
#gnb div.subCategory-wrap ul {
  padding:0 0px;
}
#gnb div.subCategory-wrap ul li {
  text-align:left;
  display:block;
  font-size:12px;
  color:#f9f9f9;
  position:relative;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#gnb div.subCategory-wrap ul li a {
  display:block;
  padding:5px 20px;
  text-indent:11px;
  line-height:1em;
  background:none !important;
  opacity:0.6;
  color:white;
}
#gnb div.subCategory-wrap ul li a:before {
  height: 1px;
  position: absolute;
  width: 10px;
  left: 21px;
  content: "";
  top:16px;
  background:rgba(255,255,255,0.2);
}
#gnb div.subCategory-wrap ul li a:after {
  top:10px;
}
#gnb div.subCategory-wrap ul li a.active,
#gnb div.subCategory-wrap ul li a:hover {
  opacity:1;
}
#gnb div.subCategory-wrap ul li a.active_important {
  opacity:1;
}
#gnb div.subCategory-wrap ul li a i {
  margin-right:10px;
  font-size:13px;
}
#footer {
  background: none repeat scroll 0 0 white;
  border-top: 1px solid #e7eaec;
  bottom: 0;
  left: 0;
  z-index:100;
  font-size:11px;
  /* padding: 10px 20px 10px 275px; */
  padding: 0px 0px 0px 225px;
  position: fixed;
  right: 0;
  color:#999;
  /* z-index:123; */
}
.footer-copyright {float:left;padding:10px 0;}

/*layout top*/
body.toplayout #gnb > ul > li.header {
  text-indent: 0;
  padding-left:10px;
  padding-right:10px;
  /* border-right: 1px solid rgba(255,255,255,0.2); */
}
body.toplayout #gnb > ul > li.header .menu-icon {
  vertical-align:middle;
  height:18px;
  margin-right:0;
}

body.toplayout #gnb > ul > li.header .menu-icon-vnext {
  vertical-align:middle;
  height:18px;
  margin-right:0;
}
body.toplayout:not(.white):not(.gray) #func-bar {
  background:#32323e;
  border:0;
}
body.toplayout:not(.white):not(.gray) #func-bar ul.function {color:white;}
body.toplayout:not(.white):not(.gray) #mymenu-wrap .carousel-control {color:white;}
body.toplayout #func-bar {min-width:1024px;}
body.toplayout #admin-sidebar {
  position:fixed;
  min-width:1280px;
  top:60px;
  left:0;
  right:0;
  width:100%;
  bottom:auto;
  min-height:0;
  overflow:visible !important;
}
body.white.toplayout #admin-sidebar {border-bottom:1px solid #dbdbdb;}
body.gray.toplayout #admin-sidebar {border-bottom:0;}
body.toplayout #gnb {margin-top:0;overflow:visible;padding-left:30px;}
body.toplayout #gnb ul li a:after {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  content: "\f105";
  position:absolute;
  right:25px;
  top:13px;
}
body.toplayout #gnb > ul {padding-bottom:0;}
body.toplayout #gnb > ul:after {
  clear: both;
  content: "";
  display:table;
}
body.toplayout #gnb > ul > li.header {
  float:left;
  border-top:0;
}
body.toplayout #gnb > ul > li.depth2-Category {
  position:absolute;
  lefT:0;
  top:100%;
  z-index:100;
  display:none;
  border:0;
  padding:0 0px;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  background:#222232;
}
body.toplayout.gray #gnb > ul > li.depth2-Category {
  background:#414141;
}
body.toplayout.white #gnb > ul > li.depth2-Category {
  background:#fff;
  border: #dbdbdb solid 1px;
}
body.toplayout.gray #gnb > ul > li.depth2-Category:before {
  border-color: #414141 transparent;
}
body.toplayout.white #gnb > ul > li.depth2-Category:before {
  border-color: #fff transparent;
}
body.toplayout.white #gnb > ul > li.depth2-Category:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 7px 11px;
  border-color: #dbdbdb transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -12px;
  left:50%;
  margin-left:-5px;
}
body.toplayout #gnb > ul > li.depth2-Category:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 7px 11px;
  border-color: #222232 transparent;
  display: block;
  width: 0;
  z-index: 2;
  top: -11px;
  left:50%;
  margin-left:-5px;
}
/*body.toplayout #gnb > ul > li.depth2-Category > ul {
    padding:0 13px;
}
body.toplayout #gnb > ul > li.depth2-Category > ul a {
    padding-left:0;
    padding-right:0;
}*/
body.toplayout #gnb > ul > li a:hover,
body.toplayout #gnb > ul > li.active a {font-weight:normal !important;}
body.toplayout #gnb > ul > li.depth2-Category a {
  position:relative;
  padding-left:13px;
  font-weight:300;
  font-size:11px;
  padding-right:28px;
}
body.toplayout #gnb > ul > li.depth2-Category a:hover {
  font-weight:300 !important;
}
body.toplayout #gnb > ul > li.depth2-Category a:before {
  position:absolute;
  top:0;
  lefT:13px;
  right:13px;
  background:rgba(255,255,255,0.2);
  height:1px;
  content:"";
  display:block !important;
}
body.toplayout.white #gnb > ul > li.depth2-Category a:before {
  background:rgba(0,0,0,0.2);
}
body.toplayout #gnb > ul > li.depth2-Category ul li:first-child a:before {display:none !important;}
body.toplayout #gnb > ul > li.depth2-Category a:after {
  right: 10px;
  top: 11px;
}
body.toplayout #gnb > ul > li.depth2-Category a:before {
  content: "";
  position:absolute;
  left:10px;
  right:10px;
  height:1px;
  top:0;
  background:rgba(255,255,255,0.5);
}
body.toplayout #gnb > ul > li.depth2-Category a:first-child:before {
  display:none;
}
body.toplayout #gnb > ul > li.depth2-Category ul li {position:relative;}
body.toplayout #gnb > ul > li.depth2-Category .subCategory-wrap {
  position:absolute;
  z-index:2;
  left:100%;
  top:0;
  background:#3f3f56;
  width:auto;
  margin-left:-8px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:0;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
body.toplayout.gray #gnb > ul > li.depth2-Category .subCategory-wrap {
  background:#5b5b5b;
}
body.toplayout.white #gnb > ul > li.depth2-Category .subCategory-wrap {
  background:#fff;

}
body.toplayout #gnb > ul > li.depth2-Category .subCategory-wrap:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 7px 8px 7px 0;
  border-color: transparent #3f3f56;
  background: none !important;
  bottom: auto;
  display: block;
  width: 0;
  z-index: 2;
  left: -8px;
  top: 9px;
  /*margin-left:-5px;*/
}
body.toplayout.white #gnb > ul > li.depth2-Category .subCategory-wrap{
  border:1px solid #dbdbdb;
}
body.toplayout.gray #gnb > ul > li.depth2-Category .subCategory-wrap:before {
  border-color: transparent #5b5b5b;
}
body.toplayout.white #gnb > ul > li.depth2-Category .subCategory-wrap:before {
  border-color: transparent #fff;
}
body.toplayout.white #gnb > ul > li.depth2-Category .subCategory-wrap:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 7px 8px 7px 0;
  border-color: transparent #dbdbdb;
  background: none !important;
  bottom: auto;
  display: block;
  width: 0;
  z-index: 1;
  left: -9px;
  top: 9px;
}
body.toplayout #gnb > ul > li.depth2-Category .subCategory-wrap a {text-indent:0;}
body.toplayout #gnb > ul > li.depth2-Category .subCategory-wrap a:before {
  content: "";
  position:absolute;
  left:10px;
  right:10px;
  height:1px;
  top:0;
  background:rgba(255,255,255,0.5);
  width:auto;
}
body.toplayout.white #gnb > ul > li.depth2-Category .subCategory-wrap a:before {
  background:rgba(0,0,0,0.2);
}
body.toplayout #content-wrap {
  padding-left:0;
  padding-top:105px;
}
body.toplayout #footer {
  padding-left:20px;
}
/* body.toplayout .default_title {display:none;} */
body.popup .default_title {
  display:block;
  min-width:800px;
  border-bottom:0;
  position:fixed;
  padding:15px 20px;
  background:#56586c;
  top:0;
  color:white;
  left:0;
  z-index:99;
}
div:before{
  display: table;
  content: " ";
}
div:after {
  display: table;
  content: " ";
  clear: both;
}
.seller_list_wrap {position:relative;padding-right:30px;margin-bottom:10px;}
.seller_list_wrap a.del-list {
  position:absolute;
  right:8px;
  font-size:12px;
  top:8px;
  color:#666;
}
#content-wrap {
  overflow:hidden;position:relative;min-height:100%;padding:60px 0 60px 200px;text-align:left;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#content-wrap .content-all-wrap {
  width:100%;
  padding-left:15px;
  padding-right:15px;
  margin-top:10px;
}
#content-wrap .content-all-wrap.fullFix {
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:0 !important;
  z-index:999 !important;
  background:white !important;
  padding:20px !important;
  margin:0 !important;
  padding-bottom:50px !important;
}
.toplayout.type2 #content-wrap .content-all-wrap.fullFix.mTop_true {
  padding-top:40px !important;
}
#content-wrap .content-all-wrap.fullFix.topologyContent {
  padding:0 !important;
}
.popup #content-wrap .content-all-wrap {
  margin-top:15px;
}
.popup #content-wrap .content-all-wrap.anal {
  margin-top:10px;
}
.popup #content-wrap .content-all-wrap.ath {
  margin-top:5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.popup #content-wrap .content-all-wrap:first-of-type {
  margin-top:20px;
}
body.toplayout:not(.popup) #content-wrap .content-all-wrap.single {
  top:180px;
  left:0;
}
body.toplayout:not(.popup) #content-wrap .content-all-wrap.single.mTop_true {
  bottom:100px;
}
body:not(.popup) #content-wrap .content-all-wrap.single {

}
body:not(.popup) #content-wrap .content-all-wrap.single {
  position:absolute;
  bottom:80px;
  right:0;
  width:auto;
  top:147px;
  left:200px;
}

body:not(.popup) #content-wrap .content-all-wrap.adm {
  position:initial;
}

body:not(.popup) #content-wrap .content-all-wrap.evt {
  position:initial;
  padding-left: 5px;
  padding-right: 5px;
}

body.popup #content-wrap .content-all-wrap.single {
  bottom:20px;
  top:65px;
  position:absolute;
}
body.popup #content-wrap .content-all-wrap.single.topologyContent {
  bottom:0;
  margin-top:0;
  padding-left:0;
  padding-right:0;
}
body.popup #content-wrap .content-all-wrap.single.topologyContent .content-default-wrap {
  padding-left:0;
  padding-right:0;
}
body.popup #content-wrap .content-all-wrap.single.isSummary {
  bottom:40px;
}
/* body:not(.popup)  */#content-wrap .content-all-wrap.single .content-default-wrap,
                         /* body:not(.popup)  */#content-wrap .content-all-wrap.single .content-default-wrap .content-wrap,
                       #content-wrap .content-all-wrap-anal .content-default-wrap,
                       #content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap {
                         height:100%;
                       }
/* body:not(.popup)  */ #content-wrap .content-all-wrap.single .content-default-wrap .content-wrap {
                          background:none;
                        }

#content-wrap .content-all-wrap.single.tab .content-default-wrap {
  position:relative;
}
#content-wrap .content-all-wrap.single.tab .content-default-wrap .content-wrap {
  background:white;
  border-left:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  border-bottom:1px solid #dbdbdb;
  padding-top:47px;
  padding-left:200px;
  position:relative;
}
/* body:not(.popup)  */#content-wrap .content-all-wrap.single .content-default-wrap .content-wrap .default-box {height:100%;}
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-box {height:70%;}
#content-wrap .content-all-wrap-anal .content-default-wrap.height700 .content-wrap .default-box {height:82%;}
#content-wrap .content-all-wrap-anal .content-default-wrap.height900 .content-wrap .default-box {height:85%;}
/* body:not(.popup)  */#content-wrap .content-all-wrap.single.mTop_true .content-default-wrap .content-wrap .default-box {height:95%;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.loading .loadWidget {background:none;}
/* body:not(.popup)  */#content-wrap .content-all-wrap.single .content-default-wrap .content-wrap .default-box.loading {background-color:white;height:auto;min-height:0;}
.tab-type-info {
  position:absolute;
  left:10px;
  top:62px;
  bottom:10px;
  width:190px;
  border-right:1px solid #f9f9f9;
  overflow-y:auto;
  overflow-x:hidden;
}
.tab-type-info .tab-flat-box {
  margin-right:9px;
  margin-top:10px;
  border:1px solid #dbdbdb;
  font-size:11px;
}
.tab-type-info .tab-flat-box .box-tit {
  background: rgb(80, 193, 193);
  border-bottom:1px solid #dbdbdb;
  padding:8px 10px;
  font-weight: bold;
}
.tab-type-info .tab-flat-box .box-tit.red {
  background:rgb(224, 247, 247);
}
.tab-type-info .tab-flat-box .box-cont {
  padding:8px 10px;
  background:white;
}
.tab-type-info .tab-flat-box .box-cont input {
  display:block;
}
.tab-type-info .tab-flat-box .box-cont .info-table {
  width:100%;
}
.tab-type-info .tab-flat-box .box-cont .info-table tr:first-child td,
.tab-type-info .tab-flat-box .box-cont .info-table tr:first-child th {
  border-top:0;
}
.tab-type-info .tab-flat-box .box-cont .info-table td,
.tab-type-info .tab-flat-box .box-cont .info-table th {
  padding:6px 0;
  position:relative;
  border-top:1px dashed #dbdbdb;
}
.tab-type-info .tab-flat-box .box-cont .info-table th {

}
.tab-type-info .tab-flat-box .box-cont .info-table td {
  text-align:right;
  position:relative;
}
.tab-type-info .tab-flat-box .box-cont .info-table th:after {
  content:":";
  position:absolute;
  right:0;
  top:8px;
  display:block;
}
/* .tab-type-info .tab-flat-box .box-cont .info-table td .average-value{
	display:inline-block;
	color:white;
	padding:3px 5px;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.tab-type-info .tab-flat-box .box-cont .info-table td .average-value.plus {
	background:#54a0ff;
}
.tab-type-info .tab-flat-box .box-cont .info-table td .average-value.minus {
	background:#de5353;
}
 */
.tab-type-info .tab-flat-box .box-cont input,
.tab-type-info .tab-flat-box .box-cont select {
  font-size:11px;
  padding:3px;
  border:1px solid #dbdbdb;
  width:100%;
}
.tab-type-info .tab-flat-box .box-cont input {
  padding:4px 8px;
}
.tab-type-info .tab-flat-box .box-cont .dp-wrap {margin-top:4px;}
.tab-type-info .tab-flat-box .box-cont .dp-wrap:first-child{margin-top:0;}
#trend_date_submit {
  display: inline-block;
  text-align: center;
  /* position: relative; */
  color: #666;;
  z-index: 6;
  border:1px solid #dbdbdb;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding: 3px 5px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 10px;
}
.tab-type-info .tab-average-wrap {
  position:absolute;
  right:9px;
  margin-top:0;
  margin-right:0;
  bottom:0;
  left:0;
}
.tab-device-select {
  top:88px;
}

.cim-trend-type-select {
  left:0px;
  top:0px;
  width:100%;
}

.cim-trend-type-select.child {
  padding:10px;
  float:left;
  width:9%;
}

.cim-trend-type-select a {
  display:block;
  background:white;
  color:#999;
  font-size:11px;
  padding:3px 5px;
  border:1px solid #dbdbdb;
  margin-bottom:8px;
}

.cim-trend-type-select.child a.active {
  color:#ffffff;
  background:#6a6adc;
}

.tab-type-select {
  left:0px;
  top:0px;
  width:100%;
}

.tab-type-select a {
  display:block;
  background:white;
  color:#999;
  font-size:12px;
  padding:8px 10px;
  margin-right:9px;
  border:1px solid #dbdbdb;
  margin-bottom:8px;
}

.tab-type-select a[data-type='chart'].active {
  color: #FFFFFF;
  background: #6a6adc;
}

.tab-type-select a[data-type='grid'].active {
  /* background:#fffbdd; */
  background: #6a6adc;
  color: #FFFFFF;
}

.tab-wrap {
  overflow:hidden;
  position:absolute;
  left:0;
  right:0;
  top:0;
  z-index:1;
}
.tab-wrap a{
  white-space:nowrap;
  border-right:1px solid #dbdbdb;
  border-top:1px solid #dbdbdb;
  float:left;
  /* display:inline-block;	 */
  display:block;
  width:33.33333333333%;
  font-size:12px;
  padding:16px 20px;
  text-align:center;
  border-bottom:1px solid #dbdbdb;
  background:#f9f9f9;
}
.tab-wrap a.active {
  border-bottom:1px solid transparent;
  background:white;
}
.tab-wrap a:first-child {
  border-left:1px solid #dbdbdb;
  -webkit-border-radius:4px 0  0 0;
  -moz-border-radius:4px 0  0 0;
  border-radius:4px 0  0 0;
}
.tab-wrap a:last-child {
  -webkit-border-radius:0 4px  0 0;
  -moz-border-radius:0 4px  0 0;
  border-radius:0 4px 0 0;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50 {
  height:100%;
  padding-left:10px;
  float:left;
  width:100%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50.grid-wrap {
  width:100%;
  height:100%;
  padding-left:10px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50.grid-wrap:first-child {
  padding-right:10px;
  padding-left:0;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50.widget-wrap {
  position:relative;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50.widget-wrap:first-child .module {
  top:0;
  bottom:10px;
  height:auto;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50.widget-wrap:last-child .module {
  top:10px;
  bottom:10px;
  height:auto;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50:first-child .module {
  /* padding-right:10px; */
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50:last-child .module {
  /* padding-left:10px; */
  /* padding-top:20px; */
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50 .amcharts-left-div {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50 .amcharts-left-div * {
  max-width:100%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .tab50:first-child {
  padding-right:10px;
  padding-left:0px;
}
#tab-content .content-wrap {
  padding-left:0 !important;
  border:0 !important;
  padding-top:38px !important;
}
#tab-content .content-wrap .default-title {
  border-bottom:1px solid #dbdbdb !important;
}
.short-cut-list {
  text-align:right;
  /* padding-top:12px; */
  padding-right:15px;
}
.short-cut-list a {
  display:inline-block;
  padding:8px 10px;
  font-size:10px;
  margin-left:3px;
  background:white;
  border:1px solid #dbdbdb;
  border-top:0;
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius:0 0  4px 4px;
  -moz-border-radius:0 0  4px 4px;
  border-radius:0 0  4px 4px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.short-cut-list a:hover {
  background:#999;
  color:white;
}
#content-wrap .content-all-wrap:before {
  display: table;
  content: " ";
}
#content-wrap .content-all-wrap:after {
  display: table;
  content: " ";
  clear: both;

}
body.white #dashboard-manager-wrap {
  background:#7a9bbd
}
body.popup.onlyDsh #dashboard-manager-wrap {
  display:none;
}
#dashboard-manager-wrap {
  position:fixed;
  z-index:3;
  /* lefT:250px; */
  padding-bottom:45px;
  right:0;
  width:150px;
  bottom:0;
  top:60px;
  background:#3f414e;
  padding-top:0px;
  box-shadow : -2px 2px 8px 0px rgba(56,56,56,0.3);
  -webkit-box-shadow : -2px 2px 8px 0px rgba(56,56,56,0.3);
  -moz-box-shadow : -2px 2px 8px 0px rgba(56,56,56,0.3);
  -ms-box-shadow : -2px 2px 8px 0px rgba(56,56,56,0.3);
  -o-box-shadow : -2px 2px 8px 0px rgba(56,56,56,0.3);
}
#dashboard-manager-wrap #dashboard-list-title {
  text-align:center;
  display:block;
  font-size: 11px;
  padding: 34px 10px 33px;
  letter-spacing: 0.1em;
  /* background: #272634; */
  background: #1b1b27; /* Old browsers */
  background: -moz-linear-gradient(top, #1b1b27 0%, #32323e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1b1b27 0%,#32323e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1b1b27 0%,#32323e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b27', endColorstr='#32323e',GradientType=0 ); /* IE6-9 */
  color: white;
  border-bottom: 1px solid #70727b;
  min-height: 29px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
body.white #dashboard-manager-wrap #dashboard-list-title,
body.gray #dashboard-manager-wrap #dashboard-list-title {
  background:none;
}
body.white #dashboard-manager-wrap #dashboard-list-title {
  border-bottom:1px solid #bbcada;
}
#dashboard-manager-wrap dd a{
  display:block;
  font-size: 11px;
  padding: 8px 10px 9px;
  position: relative;
  /* background: #272634; */
  color: rgba(255,255,255,0.5);
  border-bottom: 1px solid #70727b;
  min-height: 29px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
body.white #dashboard-manager-wrap dd a {
  border-bottom:1px solid #bbcada;
}
#dashboard-manager-wrap dd a.active {
  /* background:#ed7d31;	 */
  background: #6f7282;
  color:white;
}
body.white #dashboard-manager-wrap dd a.active {
  background: #325375;
}
body.onlyDsh.popup #content-wrap .content-all-wrap#dashboard-view-wrap {
  padding-right:15px !important;
}
body.dashboard_manager #content-wrap .content-all-wrap#dashboard-view-wrap {
  padding-right:165px;
}
#content-wrap .content-all-wrap#dashboard-view-wrap.loading {
  left:250px;
  top:140px;
  bottom:0;
  right:100px;
  position:absolute;
  background:none;
}
body.toplayout #content-wrap .content-all-wrap#dashboard-view-wrap.loading {
  top:185px;
  left:0;
}
body.toplayout #dashboard-manager-wrap {
  /* left:0; */
  /* top:105px; */
  top:137px;
}
#content-wrap #indexDashboard {

}
#content-wrap #indexDashboard .content-default-wrap {padding:0;float:none;}
#content-wrap #indexDashboard .grid-stack-item {
  padding:0 4px;
}

#content-wrap #indexDashboard .grid-stack-item:not(.ui-draggable-dragging){
  /* -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; */
}
#content-wrap #indexDashboard .content-default-wrap,
#content-wrap #indexDashboard .content-default-wrap .content-wrap {
  height:100%;
  box-shadow : 3px 5px 13px 0px rgba(0,0,0,0.05);
  -webkit-box-shadow : 3px 5px 13px 0px rgba(0,0,0,0.05);
  -moz-box-shadow : 3px 5px 13px 0px rgba(0,0,0,0.05);
  -ms-box-shadow : 3px 5px 13px 0px rgba(0,0,0,0.05);
  -o-box-shadow : 3px 5px 13px 0px rgba(0,0,0,0.05);
}
#content-wrap #indexDashboard .content-default-wrap .module[data-table='simple_grid'] .content-wrap.fleta-grid {
  padding-top:53px;
}
#content-wrap #indexDashboard .content-default-wrap .content-wrap {
  padding-top:36px;
  position:relative;
}
body.gray #content-wrap #indexDashboard .content-default-wrap .content-wrap .default-title{
  background:#565656;
}
#content-wrap #indexDashboard .content-default-wrap .content-wrap .default-title .title-right a.removeWidget{
  font-size:11px;
  background:rgba(255,255,255,0.1);
  color:white;
  width:18px;
  height:18px;
  margin-top:2px;
  line-height:18px;
  display:inline-block;
  text-align:center;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
#content-wrap #indexDashboard .content-default-wrap .content-wrap .default-title {
  position:absolute;
  left:0;
  right:0;
  top:0;
  cursor:pointer;
  background:#54586d;
}
#content-wrap #indexDashboard .content-default-wrap .content-wrap .default-title:hover {
  background:#39384a !important;
}
#content-wrap #indexDashboard .content-default-wrap .content-wrap .default-title h3 {
  color:white;
}
#content-wrap #indexDashboard .content-default-wrap .content-wrap .default-title:hover {
  background:#f9f9f9;
}
#content-wrap #indexDashboard .content-default-wrap .content-wrap .default-box {
  height:100%;
  /* padding:0; */
}
#content-wrap #indexDashboard .content-default-wrap .content-wrap .default-box .display-table {table-layout:fixed;}
#content-wrap #indexDashboard .content-default-wrap .content-wrap .default-box .display-cell {
  position: relative;
  width:100%;
}
#content-wrap #indexDashboard .content-default-wrap .content-wrap .default-box canvas {
  max-height: 100% !important;
  width: auto !important;
  margin:0 auto;
}
#content-wrap #indexDashboard .grid-stack-handle {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 2px;
  background: transparent url(../img/icn_drag_handler.png) no-repeat;
  vertical-align:middle;
}
#content-wrap .content-all-wrap .content-default-wrap,
#content-wrap .content-all-wrap-anal .content-default-wrap {
  /* padding:0 15px; */
  padding:0px;
  float:left;
}
#content-wrap .content-all-wrap .content-default-wrap.mg {
  padding:0 15px;
}
#content-wrap .content-all-wrap .content-default-wrap.mg .default-box {
  border-top:1px solid #dbdbdb;
}
#content-wrap .content-all-wrap .content-default-wrap.isAlt {
  position:relative;
}
#content-wrap .content-all-wrap .content-default-wrap .alt-wrap {
  position: absolute;
  left: 0px;
  top: -16px;
  z-index:2;
}
div.alt-wrap a {
  background: white;
  padding: 6px;
  display: inline;
  border-radius: 4px 4px 0 0;
  border: 1px solid #dbdbdb;
  opacity: 0.4;
  font-size: 11px;
  border-bottom:0;
}
div.alt-wrap a.active {
  opacity: 1;
}
#content-wrap .content-all-wrap.zig .content-default-wrap {
  position:relative;
}
#content-wrap .content-all-wrap.zig .content-default-wrap:before{
  position: absolute;
  font-family: FontAwesome;
  content: " ";
  top: 0;
  display: block;
  top: 0;
  bottom: 0;
  left: -5px;
  width: 32px;
  background: url(/resources/img/zigzag.png);
  z-index: 2;
}
#content-wrap .content-all-wrap.zig.first .content-default-wrap:before {
  left:auto;
  right:-19px;
  transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
}
#content-wrap .content-all-wrap .content-default-wrap:not(.w-100):first-child:before {
  display:none;
}
#content-wrap .content-all-wrap .content-default-wrap.topTitle {
  padding-top:40px !important;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap {
  background:white;
  color:#676a6c;
}
.popup #content-wrap .content-all-wrap .content-default-wrap .content-wrap {
  box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.2);
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.mTop_true {
  margin-top:40px;
}
.toplayout.type2 #content-wrap .content-all-wrap .content-default-wrap .content-wrap.mTop_true {
  margin-top:30px;
}
.popup #content-wrap .content-all-wrap .content-default-wrap .content-wrap.mTop_true {
  margin-top:30px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.nonbg {
  background:none;
}
#content-wrap .content-all-wrap.single .content-default-wrap .content-wrap.fleta-grid {
  /* border-left:1px solid #dbdbdb;
    border-right:1px solid #dbdbdb; */
  position:relative;
  padding-top:39px;
}
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap.fleta-grid {
  position:relative;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.w50 {
  width:49%;
  float:left;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.fleta-grid .default-title {
  padding-top:5px;
  z-index:1;
  border-bottom:1px solid #dbdbdb;
}
/* body:not(.popup)  */
#content-wrap .content-all-wrap.single .content-default-wrap .content-wrap .default-title {
  position:absolute !important;
  left:0;
  right:0;
  top:0;
  /* border-bottom:0; */
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title {
  padding:5px 15px 4px;
  background:white;
  font-size:14px;
  z-index:1;
  position:relative;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
}

#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title.bBottom,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title.bBottom {
  border-bottom:1px solid #e7eaec;
}
#content-wrap .content-all-wrap.single .content-default-wrap .content-wrap .default-title {position:relative;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.fleta-grid .default-title {
  border-left:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
}
.popup #content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title,
.popup #content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title {
  border-right:0;
  background: #415f96;
}
#content-wrap .content-all-wrap .content-default-wrap.moveAble .content-wrap .default-title:hover,
#content-wrap .content-all-wrap .content-default-wrap.moveAble .content-wrap .default-title:hover h3{
  background:#f9f9f9;
  cursor:pointer;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title:before,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title:before {
  display: table;
  content: " ";
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title:after,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title:after {
  display: table;
  content: " ";
  clear: both;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title.in_more h3,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title.in_more h3 {
  margin-top:4px;
}
#content-wrap .content-all-wrap .content-default-wrap.topTitle .content-wrap .default-title h3 {
  position:absolute;
  bottom:100%;
  margin-bottom:0;
  padding:8px 20px;
  border-style:solid;
  border-color:#e7eaec;
  border-width: 3px 3px 0 3px;
  /*font-weight:600;*/
  color:#636363;
  -webkit-border-radius:4px 4px 0 0;
  -moz-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title h3,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title h3 {
  /* background:white; */
  display: inline-block;
  line-height:1.23em;
  font-size: 12px;
  margin: 0 0 7px;
  padding: 0;
  font-weight:400;
  text-overflow: ellipsis;
  float: left;
  font-weight:normal;
  color:black;
  margin-bottom:7px;
  margin-right:10px;
  margin-top:5px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.spec_box .default-title h3,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.fleta-grid .default-title h3,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title h3 {
  margin-bottom:7px;
  margin-right:10px;
  margin-top:5px;
  font-weight:bold;
  color:black;
  position:relative;
}
.popup #content-wrap .content-all-wrap .content-default-wrap .content-wrap.spec_box .default-title h3,
.popup #content-wrap .content-all-wrap .content-default-wrap .content-wrap.fleta-grid .default-title h3,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title h3 {
  color:#fff;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title h3.nofloat,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title h3.nofloat {
  float:none;
  width:100%;
}
.grid-summaray-wrap {font-size:11px;margin-top:0px;padding:3px 8px 4px 4px}
.grid-summaray-wrap .grid-summaray-text {
  display:inline-block;
  margin-left:4px;
  padding:4px 8px;
  border:1px solid #dbdbdb;
}
.popup .grid-summaray-wrap .grid-summaray-text {
  color:#fff;
}
.grid-menu.detail_description {
  display:none;
}
.grid-menu .stg_value {
  font-weight:bold;
}
.grid-menu li {display:inline-block;float:left;margin-left:3px;position:relative;}
.grid-menu li.addloadText a {
  font-size: 11px !important;
  background: #f9f9f9 !important;
  border: 1px solid #dbdbdb !important;
  padding: 4px 6px !important;
  margin-left: 4px !important;
  margin-top: -3px !important;
}
.grid-menu li.addloadText a img {
  width:14px;
  vertical-align:top;
}
.grid-menu li.addPageLoading {
  padding-top:0px;
}
.grid-menu li:after {

}
.grid-menu li .fa.fa-angle-right {
  position:absolute;
  right: 6px;
  top: 11px;
  /*float:right;*/
}
.grid-menu li:first-child {margin-left:0;}
.dropdown-depth {
  position:absolute;
  lefT:0;
  top:100%;
  z-index:100;
  display:none;
  background:white;
  overflow-y:scroll;
  border:1px solid #dbdbdb;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  max-height:350px;
  /* overflow:auto; */
}
#footer .dropdown-depth {
  top:auto;
  left:auto;
  right:0;
  margin-bottom:5px;
  bottom:100%;
}
#footer .dropdown-depth li a,
#footer .dropdown-depth li span {
  padding-right:8px;
}
.dropdown-depth li .cell-freeze {text-align:center;padding:4px 5px;}
.dropdown-depth.depth-2 {
  left:100%;
  top:0;
}
.dropdown-depth.depth-2.slide {
  position:relative;
  left:auto;
  top:auto;
  background:#f9f9f9;
}
.dropdown-depth li {
  width: 100%;
  display: block;
  margin-left: 0;
  /*padding-right:20px;*/
}
.dropdown-depth li.hiddenAbsol {

}
.dropdown-depth.noPaddingRight li a,
.dropdown-depth.noPaddingRight li span {
  padding-right:8px;
}
.dropdown-depth li a,
.dropdown-depth li span{
  display: block;
  padding:9px 8px;
  white-space:nowrap;
  font-size:11px;
  text-align:left;
  padding-right:25px;
  position:relative;
}
.dropdown-depth li a:after,
.dropdown-depth li span:after{
  clear: both;
  display: table;
  content: "";
}
.dropdown-depth li a:hover,
.dropdown-depth li span:hover {
  cursor: pointer;
  background:#f9f9f9;
}
.columnControl {overflow-y:scroll;overflow-x:hidden}
.columnControl.isHiddenColumn {
  padding-bottom:33px;
}
.columnControllScrolling {
  max-height:350px;
}
.dropdown-depth li.hiddenColumn {
  color: #2c6bca;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: white;
  z-index: 1;
  border-top: 1px solid #dbdbdb;
}
.columnControl.dropdown-depth li {float:none;}
.ie .columnControl.dropdown-depth li:last-child {
  margin-bottom:33px;
}
.dropdown-depth li.disabled-sort {
  color:#2c6bca
}
.dropdown-depth li a.column-toggle.off{
  opacity:0.5;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-left {
  float:left;
  font-size:13px;
  /*line-height:20px;*/
  margin-top:5px;
}
.popup #content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left .detail-description,
.popup #content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-left .detail-description {color:#fff;}
#content-wrap .default_title p > ul > li:first-child > span.specT {padding-lefT:0;}
#content-wrap .default_title p > ul > li  > span.specT,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left > ul > li  > span.specT,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left > ul > li  > a,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-left > ul > li  > span.specT,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-left > ul > li  > a {
  padding:0px 7px;
  display:inline-block;
  border:1px solid transparent;
  position:relative;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left > ul > li  > span.specT,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-left > ul > li  > span.specT {
  font-size:11px;
  margin-top:2px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left > ul > li:first-child >  a,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-left > ul > li:first-child >  a {

}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left > ul > li:first-child >  a:after {
  /*    display:none; */
}
#content-wrap > .default_title p > ul > li  > span.specT:after,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left > ul > li  > span.specT:after,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left > ul > li > a:after,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-left > ul > li  > span.specT:after,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-left > ul > li > a:after {
  position: absolute;
  top: 4px;
  left: -3px;
  bottom: 4px;
  width: 1px;
  /* background: #e9e9e9; */
  content: "";
  display:block;
}
.title-left > ul > li.guide-line{
  width: 1px;
  height: 20px;
  background: #dbdbdb;
}

#content-wrap > .default_title p > ul > li  > span.specT:after {
  top:1px;
  bottom:1px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left > ul > li > a:hover,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-left > ul > li > a:hover {
  background:#f9f9f9;
  text-align:center;
  border:1px solid #dbdbdb;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.popup #content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-left > ul > li > a:hover,
.popup #content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-left > ul > li > a:hover{
  background:#86a2d6;
}
#content-wrap .content-all-wrap .content-default-wrap.moveAble .content-wrap .default-title .title-left > ul > li >  a:hover{
  background:white;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-right,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-right {
  float:right;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-right
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .title-right a,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-right,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .title-right a {
  font-size:11px;
  padding-top:0px;
  padding-bottom:5px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title a.content_sort,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title a.content_sort {
  float:right;
  display:inline-block;
  text-align:center;
  font-size:10px;
  padding:0 5px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .dropdown-menu,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .dropdown-menu {
  left:auto;
  right:0;
  min-width:0;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title .dropdown-menu>li>a,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title .dropdown-menu>li>a {
  font-size:12px;
  color:#676a6c;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title a.content_sort:focus,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-title a.content_sort:hover,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title a.content_sort:focus,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-title a.content_sort:hover {

}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box input[type='file'] {
  width:100%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .form-group-in-wrap {
  padding:15px;border:2px solid #eee;margin-bottom:15px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.table,
#content-wrap .content-all-wrap-anal .content-default-wrap .content-wrap .default-box.table {padding:0;margin:0;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .md-table td {
  padding:30px 10px;
  border:1px solid #dbdbdb;
  vertical-align:middle;
  text-align:center;
  -webkit-background-size:cover;
  background-size:cover;
  background-position: center center;

}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .md-table td h1 {
  font-size:20px;
  font-weight:bold;
  text-align:center;
  padding:3px 8px;
  background:rgba(0,0,0,0.5);
  color:white;
  display:inline-block;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .md-table td a {
  margin-top:10px;
  display:inline-block;
  padding:6px 8px;
  background:rgba(0,0,0,0.5);
  color:white;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.text-left td {
  text-align:left;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table tr.active td {
  background: #999;
  color:white;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table {margin:0;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table a {text-decoration:underline;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.border th,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.border td{
  border:1px solid #ddd;
  background:white;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.border.search-table td input,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.border.search-table td select {
  width:100px;
  font-size:12px;
  padding:5px;
  border:1px solid #dbdbdb;
}
.cart-option-wrap {
  text-align:left;
  background:#f9f9f9;border:1px solid #dbdbdb;
  padding:4px 8px;
  margin-bottom:5px;
}
.option_important {font-size:11px;}
.cart-option-wrap ul {list-style-type:none;padding-left:0;margin:0;font-size:11px;}
.cart-option-wrap ul li:before {
  content : "+ ";
}
.option_important {
  font-size:11px;
  color:#1b1b1b;
}
.cart-option-wrap ul {list-style-type:none;padding-left:0;margin:0;font-size:11px;}
.cart-option-wrap ul li:before {
  content : "+ ";
}
.btn {
  text-decoration: none !important;}
#ui-datepicker-div {
  z-index:1000 !important;
}
/*#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.orderview input,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.orderview select {
    width:100%;
}*/
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.border.side th,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.border.side td {
  border:0;
  border-bottom:1px solid #ddd;
  background:white;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.border.side th {
  background:#f9f9f9;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table.border th {background:#f9f9f9;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table tr.special_list td {
  background-color: rgb(255, 239, 239);
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table .gray {
  background:#f9f9f9;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table .icon a {
  display:inline-block;
  margin:0 2px;
  width:18px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table .icon a img {
  width:100%;
  border:0;
  outline:0;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table th,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table td {
  text-align:center;
  -ms-word-break:break-all;
  word-break:break-all;
  vertical-align:middle;
  font-size:12px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table td.text-left {
  text-align:left;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box #editorial-detail-table.default-table td {
  vertical-align:top;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table td.profileimg img {
  width:60px;
  height:60px;
  display:block;
  margin:0 auto;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .default-table td.defaultimg img {
  width:60px;
  height:60px;
  display:block;
  margin:0 auto;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.chart {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  min-height:300px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.grid .column-in{
  /*background:#f9f9f9;*/
  /* visibility:hidden; */
  /* display:none; */
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.grid.inPagination {
  /*padding-bottom:50px;*/
}
/*#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box*/.loading{
                                                                                      background-image:url("../img/loading7.gif");
                                                                                      background-position:center center;
                                                                                      /* min-height:300px; */
                                                                                      background-repeat:no-repeat;
                                                                                    }
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.loading {
  background:white !important;
  background-image:none;

}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.loading {
  /* height:300px; */
}
.loading .loadWidget {
  /* visibility:hidden; */
}
.grid-paging {

}
.grid-paging li {display:inline-block;margin-left:5px;vertical-align:middle;}
.grid-paging li.first-paging {
  margin-right:15px;
  position:relative;
}
/* .grid-paging li:first-child {margin-left:0;} */
.grid-paging li.last-paging {margin-left:18px;position:relative;}
.grid-paging li.first-paging:before {
  position:absolute;
  content:"...";
  left:100%;
  top:0;
  margin-left:5px;
}
.grid-paging li.last-paging:before {
  position:absolute;
  content:"...";
  right:100%;
  top:0;
  margin-right:3px;
}
.grid-paging li a {
  display:block;
  font-size:11px;
  padding:0 6px;
  height:22px;
  line-height:21px;
  text-align:center;
  border:1px solid #dbdbdb;
}
.grid-paging li a.active {
  background:#272634;
  color:white;
  border-color:#272634;
}
.grid-paging li a:not(.active):hover {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background:#dbdbdb;
  color:white;
}
.fleta-grid .line07 th,
.fleta-grid .line07 td {
  line-height:0.7em;
}
.fleta-grid .line08 th,
.fleta-grid .line08 td {
  line-height:0.8em;
}
.fleta-grid .line12 th,
.fleta-grid .line12 td {
  line-height:1.4em;
}
.fleta-grid .line14 th,
.fleta-grid .line14 td {
  line-height:1.8em;
}
.fleta-grid .size10 th,
.fleta-grid .size10 td {
  font-size:10px;
}
.fleta-grid .size12 th,
.fleta-grid .size12 td {
  font-size:12px;
}
.fleta-grid .size14 th,
.fleta-grid .size14 td {
  font-size:14px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box {
  padding:2px 10px 10px 10px;
  /* border-color: #e7eaec;
    border-image: none;
    border-style: solid none solid;
    border-width: 1px 0 1px; */
  /* min-height:300px; */
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.inAbsol {
  position:relative;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .loadWidget:not(.detail-table-wrap) {
  background:white;
  border-left:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .loadWidget[data-type='grid'] {
  /* padding-bottom:21px; */
  /* min-height:200px; */
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.noPaddingtop {
  padding-top:0;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box h4 {
  font-size:30px;
  font-weight:300;
  line-height:1.43em;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box p {
  line-height:1.43em;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box p.small {
  opacity:0.8;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item:first-of-type{border:0;padding-top:0;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item.member {
  padding-left:85px;
  padding-top:5px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item.member .member-img{
  position:absolute;
  top:10px;
  width:67px;
  left:0;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item.member .member-img.proj img {
  height:67px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item.member .member-img img {
  width:100%;
  border:1px solid #dbdbdb;
  display:block;
  margin:0 auto;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item {
  width:100%;
  position:relative;
  border-top:1px solid #dbdbdb;
  padding:5px 0;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .img-wrap {
  float:left;
  width:20%;
  padding-right:20px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .img-wrap img {
  width:100%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .text-wrap {
  width:100%;
  float:left;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item.gallery .text-wrap {
  width:80%
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item > div {line-height:1.43em;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item:first-child .iconBox,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item:first-child .subject{margin-top:0;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .subject {
  font-size:16px;
  float:left;
  margin:5px auto;
  clear:both;
  white-space:nowrap;
  overflow:hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .subject a {
  white-space:nowrap;
  overflow:hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .iconBox {
  float:right;
  margin:5px auto;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .iconBox a {
  font-size:10px;
  margin-left:5px;
  font-weight:300;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item.prdCategory:hover{
  cursor:pointer;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .iconBox a:first-child {margin-left:0;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .subject a.red {
  color:#e52c4d;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .subject input {
  font-size:14px;
  color:#666;
  padding:3px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .content {
  clear:both;
  font-size:12px;
  margin:5px auto;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .content.ellipsis {
  white-space:nowrap;
  overflow:hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .date {
  clear:both;
  float:left;
  min-height:17px;
  margin-top:5px;
  font-size:12px;
  color:#999;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .writer {
  float:right;
  margin-top:5px;
  font-size:12px;
  color:#999;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .form-group.guide {
  border-bottom:1px dashed #dbdbdb;
  padding-bottom:8px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .form-group.video-type {
  display:none;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post {border-bottom:0;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post h3{font-size:16px;font-weight:300;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post h5 strong,
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post h3 strong {font-weight:500;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post h5 {margin-top:8px;font-weight:300;font-size:12px;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post .img-wrap {overflow:hidden;border-bottom:1px solid #eee;padding-bottom:15px;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post .titleContent.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post .titleContent.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post .img-wrap.multiple img {
  width:20%;
  display:block;float:left;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post .img-wrap img {
  width:100%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.view-post .content img {
  max-width:100%;height: auto !important;
}
#content-wrap .content-all-wrap .content-default-wrap.card {background:none;padding:0;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product {
  float:left;
  width:25%;
  background:none;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product:nth-of-type(4n+1) {
  clear:both;
  float:left;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box {padding:0 15px;border:0;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .card-image-wrap {padding:15px;background:white;position:relative;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .card-image-wrap > div {position:relative;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .card-image-wrap span.image-wrap {

}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .card-image-wrap span.category {
  position:absolute;
  left:0;
  top:0;
  background:#D09266;
  color:white;
  padding:3px 8px;
  font-size:12px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .card-image-wrap.multi img{
  width:50%;
  display:block;
  float:left;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .card-image-wrap.multi.solo img {
  width:100%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .card-image-wrap img{width:100%;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .card-image-wrap iframe{width:100%;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .post-item .subject {
  white-space:nowrap;
  overflow:hidden;
  width:100%;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box .post-item .re_post-item {
  background:#f9f9f9;
  border:1px solid #dbdbdb;
  margin-top:10px;
  padding:10px;
  clear:both;
  float:left;
  width:100%;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .form-group .post-item .iconBox {float:left;clear:both;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .post-item .price {
  clear:both;font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .post-item .seller {
  font-size:12px;
  clear:both;
  white-space:nowrap;
  overflow:hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap.product .default-box .post-item {
  background:white;
  padding:0 15px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.prd {
  overflow:hidden;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.prd .w20 {
  float:left;
  width:20%;
  padding:15px;
}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.prd .w20:first-of-type {border-left:0;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.prd .card-image-wrap {padding:5px;background:white;border:1px solid #eee;margin-bottom:8px;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.prd .card-image-wrap img{width:100%;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.prd .card-image-wrap iframe {width:100%;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.prd .subject {}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.prd .iconBox {float:left;clear:both;margin:5px auto;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.prd .price {clear:both;font-size:12px;margin:5px auto;}
#content-wrap .content-all-wrap .content-default-wrap .content-wrap .default-box.prd .seller {font-size:12px;margin:5px auto;}
#content-wrap .content-all-wrap .content-default-wrap.w-16 {
  width: 16.66666667%;
}
#content-wrap .content-all-wrap .content-default-wrap.w-25 {
  width:25%;
}
#content-wrap .content-all-wrap .content-default-wrap.w-33 {
  width:33.33333333%;
}
#content-wrap .content-all-wrap .content-default-wrap.w-50 {
  width:50%;
}
#content-wrap .content-all-wrap .content-default-wrap.w-75 {
  width:75%;
}
#content-wrap .content-all-wrap .content-default-wrap.w-100,
#content-wrap .content-all-wrap-anal .content-default-wrap.w-100 {
  width:100%;
}
#content-wrap .content-all-wrap .content-default-wrap.w-70 {
  width:70%;
}
#content-wrap .content-all-wrap .content-default-wrap.w-30 {
  width:30%;
}
.paging-wrap {clear:both;width:100%;text-align:center;}
.pagination a {
  color: black;
  padding: 8px 12px;
  text-decoration: none;
  display:inline-block;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.pagination a.active {
  background-color: #999;
  color: white !important;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}
.paging-wrap .pagination>li {display:inline-block;}
.paging-wrap .pagination>li>a, .paging-wrap .pagination>li>span {
  color:#aaa;
}
.paging-wrap .pagination>.active>a,
.paging-wrap .pagination>.active>a:focus,
.paging-wrap .pagination>.active>a:hover,
.paging-wrap .pagination>.active>span,
.paging-wrap .pagination>.active>span:focus,
.paging-wrap .pagination>.active>span:hover {
  color:white;
  background:#e52c4d;
  border-color:#e52c4d;
}
.side_bar_wrap {
  width:199px;
  float:left;
  position:absolute;
  top:0;
  left:0;
  background:#f6f6f7;
  bottom:0;
  margin-left:1px;
}
.side_bar_wrap h2 {
  margin-top:15px;
  padding-left:15px;
  font-size:25px;
  font-weight:bold;
}
.side_bar_wrap ul {
  margin-top:20px;
}
.side_bar_wrap ul li {
  padding:15px 15px 0 15px;
}
.side_bar_wrap ul li:first-child {
  border-top:1px solid #dbdbdb;
}
.side_bar_wrap ul li a {
  display:block;
  padding:15px;
  text-align:center;
  font-size:12px;
  background:#f9f9f9;
  color:#1b1b1b;
  border:1px solid #dbdbdb;
}
.side_bar_wrap ul li a.active,
.side_bar_wrap ul li a:hover {background:#1b1b1b;color:white;border-color:#1b1b1b}
#func-bar {
  width: 100%;
  height: 60px;
  position: fixed;
  border: 1px solid #f1f1f1;
  left: 0px;
  padding: 18px 320px 0 225px;
  top: 0;
  z-index: 600;
  background: rgba(255,255,255,0.9);
}
/*#func-bar ul.function {float:right;}
#func-bar ul.function > li a {font-size:18px;}
#func-bar ul:after {display:table;content:"";clear:both;}
#func-bar ul.function > li {float:left;margin-left:14px;}
#func-bar ul.function > li:first-child{margin:0;}*/

#func-bar ul.function  {
  /* float:right;
    position:absolute;
    font-size:13px;
    right:25px;
    top:18px; */
  float: right;
  position: absolute;
  font-size: 13px;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 20px 25px;
  /* alram hidden ver */
  padding-left: 213px;
  border-left: 1px solid #dbdbdb;

}
#func-bar ul.function > li {float:left;}
body.purple.toplayout #func-bar ul.function {border-left: 1px solid #41414d;}
body.purple.toplayout #func-bar ul.function > li.alram-wrap,
body.purple.toplayout #func-bar ul.function > li.layoutChange,
body.purple.toplayout #func-bar ul.function > li.dash-list-wrap,
body.purple.toplayout #func-bar ul.function > li.function-bar-alram {
  border-right:1px solid #41414d;
}
#func-bar ul.function > li.dash-list-wrap {
  position:absolute;
  /* alram hidden ver */
  /* left : 64px; */
  left:0;
  width:68px;
  border-right: 1px solid #41414d;

  /* alram hidden ver */
  /* border-left: 1px solid #dbdbdb; */

  top:0;
  bottom:0;
}
.purple #func-bar ul.function > li.dash-list-wrap {
  border-color:#dbdbdb;
}
.white #func-bar ul.function > li.dash-list-wrap {
  border-color:#dbdbdb;
}
.gray #func-bar ul.function,
.gray #func-bar ul.function > li {
  border-color:rgba(255,255,255,0.2) !important;
}
#func-bar ul.function > li.dash-list-wrap #dash-toggle-btn {
  color:#999;
  display:block;
  line-height:58px;
  white-space:nowrap;
  text-align:center;
}
#func-bar ul.function > li.dash-list-wrap #dash-toggle-btn span {
  font-size:15px;
  position:relative;
}
#func-bar ul.function > li.dash-list-wrap #func-dashboard-list {
  position:absolute;
  left:-1px;
  top:100%;
  /* background:#148ed6; */
  background:#5e6061;
  display:none;
  border:1px solid #dbdbdb;
  max-height:280px;
  overflow-y:auto;
}
#func-bar ul.function > li.dash-list-wrap #func-dashboard-list ul li:first-child a{border-top:0;}
#func-bar ul.function > li.dash-list-wrap #func-dashboard-list a {
  text-decoration:none;
  white-space:nowrap;
  display:block;
  /* border-top: 1px solid #29a1e8;
    border-bottom: 1px solid #1b74a9; */
  border-top: 1px solid #818588;
  border-bottom: 1px solid #7b858c;
  padding:8px;
  font-size:11px;
  color:#fff;
}
#func-bar ul.function > li.dash-list-wrap #func-dashboard-list a:hover {
  background:#f9f9f9;
  color:#666;
}
#func-bar ul.function > li.alram-wrap {
  position:absolute;
  left:68px;
  width:68px;
  border-right: 1px solid #dbdbdb;
  top:0;
  bottom:0;
}
#func-bar ul.function > li.alram-wrap #alram-toggle-btn {
  color:#999;
  display:block;
  line-height:58px;
  white-space:nowrap;
  text-align:center;

}
#func-bar ul.function > li.alram-wrap #alram-toggle-btn span.alram-count-wrap {
  font-size:15px;
  position:relative;
}
#func-bar ul.function > li.alram-wrap #alram-toggle-btn span.alram-count {
  position:absolute;
  left:100%;
  top:0;
  font-size:10px;
  color:#fff;
  background:#bb2840;
  height:14px;
  line-height:13px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  padding:0 4px;
  border-radius:6px;
  margin-left:-7px;
  margin-top:-8px;
}
#func-bar ul.function > li.layoutChange {
  border-right: 1px solid #dbdbdb;
  width: 68px;
  /* height: 48px; */
  position: absolute;
  left: 136px;
  top: 0;
  bottom: 0;
}
#func-bar ul.function .fpim-link-toggle {
  display:inline-block;
  font-size:18px;
  margin-right: 5px;
}
#func-bar ul.function  span,
#func-bar ul.function  img,
#func-bar ul.function  .logout-btn {
  display:inline-block;
  font-size:18px;
  vertical-align:middle;
  line-height:1em;
}
#func-bar ul.function span.profile-name {font-size:10px;}
#func-bar ul.function  .logout-btn {
  position: relative;
  cursor: pointer;
}
#func-bar ul.function  .black-bubble {
  position: absolute;
  /* right: -8px;
    top: 190%; */
  right: 17%;
  top: 100%;
  font-size:11px;
  min-width: 160px;
  display:none;
  z-index:999;
  overflow:hidden !important;
}
#func-bar ul.function  .logout-btn li {
  white-space:nowrap;
}
#func-bar ul.function  a {
  text-decoration: underline;
}
#func-bar ul.function  span.profile-name {
  margin-right:7px;
}
.dashboard_manager .default_title {
  width:auto;
  margin-right:150px;
  padding-right:350px;
}
.dashboard_manager .default_title.needDashboard .needDsh-dd{
  display:none;
}
.dashboard_manager .default_title.makeDashboard .makeDsh-dd {
  display:block !important;
}
.dashboard_manager .default_title.makeDashboard a.makeDsh-dd {
  display:inline-block !important;
}
.default_title {
  width:100%;
  z-index:100;
  padding:10px 30px;
  padding-right:100px;
  position:relative;
  background-color:rgba(252,252,252,.89);
  border:1px solid #e7eaec;
  border-left:0;
  border-top:0;
  border-right:0;
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
}
.default_title h2 {
  font-size:16px;
  font-weight:bold;
  min-height:13px;
  position:relative;
  overflow:hidden;
  line-height:18px;
  min-height:18px;
}
.default_title h2 #dashboardTit {
  font-size:18px;
  font-weight:bold;
  min-height:13px;
  position:relative;
  overflow:hidden;
  line-height:18px;
  min-height:18px;
  border:1px solid #dbdbdb;;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding:3px 8px;
  background:none;
  display:none;
}
.default_title.edit h2 #dashboardTit {
  display:inline-block;
  width:400px;
}
.default_title.edit h2 #dashboard-default-title {
  display:none;
}
.dashboard_manager .default_title h2 .tit {
  display:inline-block;
}
/* .default_title h2 #dashboardTit[readonly] {
	background:none;
	border:0;
	display:inline-block;
	width:auto;
	padding:0;
} */
.default_title h2 span.spec_slide_title {
  display:block;
  opacity:0;
  position:absolute;
  left:0;
  width:100%;
  top:100%;
  line-height:18px;
  background:#56586c;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.gray .default_title h2 span.spec_slide_title {
  background:#828282
}
.default_title.topShow h2 span.spec_slide_title {
  top:0;
  opacity:1;
}
.default_title.topShow p .grid-menu {
  top:0;
  opacity:1;
}
.default_title p {
  font-size:12px;
  margin-top:8px;
  color:#999;
  letter-spacing:0.04em;
  text-transform:capitalize;
  position:relative;
  overflow:hidden;
}
.default_title p .grid-menu {
  position:absolute;;
  opacity:0;
  width:100%;
  top:100%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  display:block;
  left:0;
  background:#56586c;
}
.gray .default_title p .grid-menu {
  background:#828282
}
#detailDate-wrap {
  position:absolute;
  right:0;
  top:100%;
  display:none;
}
.page-menu-wrap {
  position:absolute;
  top:50%;
  right:20px;
  margin-top:-10px;
  z-index:9;
}
.topology .page-menu-wrap {
  margin-top:-14px;
}
.topology .page-menu-wrap:after {
  content:"";
  clear:both;
  display:table;
}
.topology .page-menu-wrap > div {
  display:block;
  float:left;
  margin-left:10px;
}
.topology .page-menu-wrap > div#topology-search-wrap {
  /* display:none !important; */
  position:relative;
}
.topology .page-menu-wrap > div#topology-search-wrap input {
  border: 0;
  height: 31px;
  border-radius: 4px 0 0 4px;
  margin-right: -6px;
  padding: 0 10px;
  width: 140px;
  border:1px solid #dbdbdb;
}
#search-result-list-wrap {
  position:absolute;
  left:0;
  right:0;
  top:100%;
  padding:10px;
  max-height:200px;
  background:#fff;
  display:none;
  border:1px solid #dbdbdb;
}
.topology .page-menu-wrap > div:first-child {margin-left:0;}
.page-menu-wrap dl {float:right;position:relative;}
.page-menu-wrap dd {
  display:block;
  float:left;
  position:relative;
  margin-left:10px;
  z-index:1;
}
.page-menu-wrap dd.guide {
  width:1px;
  background:#dbdbdb;
  height:23px;
}
.page-menu-wrap dd.active {z-index:1;}
.page-menu-wrap dd:first-child {margin-left:0;}
.page-menu-wrap dd > a.auto {
  width:auto;
}
.page-menu-wrap dd > a {
  position:relative;
  display:block;
  width:56px;
  text-align:center;
  /* position:relative; */
  color:white;
  z-index:6;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding:3px 6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  font-size:10px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  border:2px solid transparent;
}
.page-menu-wrap dd > a#addWidget {
  width:auto;
}
.page-menu-wrap dd > a span.unit {display:inline-block;min-width:17px;text-align:center;}
.page-menu-wrap dd > a.link,
.page-menu-wrap dd > a#addWidget,
.page-menu-wrap dd > a.favorite {background:#edb303}
.page-menu-wrap dd > a.datepicker {
  background:#ec6103;
}
/* #1ca56c */
.page-menu-wrap dd > a.save-dashboard,
.page-menu-wrap dd > a.save {background:#1ca56c }
.page-menu-wrap dd > a:hover,
.page-menu-wrap dd > a.active{
  border-color:white;
}
.page-menu-wrap dd > a.orange {
  background:#dc7733
}
.page-menu-wrap dd > a.deepblue {
  background:#746dd6;
}
.page-menu-wrap dd > a.gray {
  background:#777;
}
.page-menu-wrap dd > a.blue {
  background:#60bdbd;
}
.bottom-menu-wrap {
  float:right;
}
.bottom-menu-wrap dl dd {
  float:left;
  padding:0px 10px;
  position:relative;
  max-height:44px;
  line-height:44px;
}
.bottom-menu-wrap dl dd#setHome-wrap,
.bottom-menu-wrap dl dd#agent_install {
  padding:0;
}

.bottom-menu-wrap dl dd .setHome,
.bottom-menu-wrap dl dd .agent_install {
  height:44px;
  line-height:44px;
  display:block;
  padding:0 10px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bottom-menu-wrap dl dd .setHome:hover,
.bottom-menu-wrap dl dd .agent_install:hover {
  background:#f9f9f9;
}
.bottom-menu-wrap dl dd:before {
  width:1px;
  position:absolute;
  content:"";
  display:block;
  left:0;
  top:0px;
  bottom:0px;
  background:#dbdbdb;
}
.bottom-menu-wrap .grid-menu > li > a {
  display:block;
  width:56px;
  text-align:center;
  /* position:relative; */
  color:white;
  z-index:6;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding:3px 6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  font-size:11px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  border:2px solid transparent;
}
.bottom-menu-wrap .grid-menu span {
  display:inline-block;
  font-size:11px;
}
.bottom-menu-wrap .grid-menu select {
  color:#999;
  padding:4px;
  border:1px solid #dbdbdb;
  font-size:11px;
}
#footer .page-menu-wrap select {
  padding:4px 10px;

}
.lineColor08 {
  background:#e8b04d;
}
.lineColor10 {
  background:#eaad42;
}
.lineColor12 {
  background:#e69f22;
}
.lineColor14 {
  background:#dc900c;
}
.font11 {
  background:rgb(150, 142, 234) !important;
}
.font12 {
  background:rgb(203, 80, 221) !important;
}
.font14 {
  background:rgb(221, 17, 200) !important;
}
.MB {
  background-color:#70acca !important;
}
.GB {
  background-color:#4973ea !important
}
.TB {
  background-color:#7068dc !important;
}
.MiB {
  background-color:#70acca !important;
}
.GiB {
  background-color:#4973ea !important
}
.TiB {
  background-color:#7068dc !important;
}
#os-select-list.capacity-menu-wrap {
  width: auto;
  height: auto !important;
  top: 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: 100% !important;
  margin-right: 10px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
#os-select-list.capacity-menu-wrap li {
  width:100%;
  position:relative !important;
}
#os-select-list.capacity-menu-wrap li a {
  display:block;
  width:100%;
  height:auto;
  background:#6ac4e7;
  -webkit-border-radius:0%;
  -moz-border-radius:0%;
  border-radius:0%;
  padding:8px 11px;
  line-height:1em;
  font-size:11px;
  border:0px;
  border-top:1px solid #99e1fd;
}
#os-select-list.capacity-menu-wrap li:first-child a {
  border-top:0 !important;
}
#os-select-list.capacity-menu-wrap li a:not(.active):hover {
  background:#448dcc;
  border-color:#448dcc;
}
#os-select-list.capacity-menu-wrap li a.active {
  background:#3a60b7;
  border-color:#3a60b7;
}
.capacity-menu-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 200px;
  height: 200px;
  visibility: hidden;
  position: relative;
  display: none;
}
.capacity-menu-wrap li {
  float: left;
  white-space:nowrap;
}
.capacity-menu-wrap li a {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  display: block;
  width: 40px;
  height:40px;
  background:black;
  border:3px solid white;
  color:white;
  line-height:34px;
  text-align:center;
  font-size:12px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.capacity-menu-wrap li:hover {}
.capacity-menu-wrap li a:hover {
  border-color:#000;
  z-index:1;
}
.default_wrap {
  padding:10px;
  float:left;
}
.default_wrap.in_side_wrap {
  min-width:1000px;
  width:100%;
  padding:25px 25px 25px 25px;
  overflow:hidden;
}
.default_wrap .default_block:first-of-type {
  margin-top:0;
}
.default_wrap .default_block {
  margin-top:20px;
  padding:10px;
  background:white;
  border:1px solid #dbdbdb;
  overflow:hidden;
  font-size:12px;
}
.default_wrap .default_block:after {
  display:block;
  content : "";
  clear:both;
}
.default_wrap .default_block.in_table {
  padding:0;
  border:0;
}
.btn-black:active,
.btn-black:target,
.btn-black:focus,
.btn-black {
  color:#fff;
  background:black;
  font-size:12px;
}
.btn-black:hover {
  background:#666;
  color:#fff;
}
#add-row-content #addrow-column {height:250px;}
#add-row-content table {
  width:100%;
  font-size:12px;
}
#add-row-content table td,
#add-row-content table th {
  padding:3px 8px;
  border:1px solid #dbdbdb;
  font-size:11px;
  position:relative;
}
#add-row-content table thead th {
  background:#f9f9f9;
  text-align:center;
  font-weight:bold;
  padding:8px;
}
#add-row-content table td {
  text-align:left;
}
#add-row-content table tbody th {text-align:center;vertical-align: middle;}
#add-row-content table td input {
  border:0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display:block;
  width:100%;
  border-bottom:1px solid #dbdbdb;
  background:none;
  padding:5px 8px;
  font-size:11px;
}
#add-row-content table td textarea {
  border:1px solid #dbdbdb;
  background:none;
  padding:5px 8px;
  font-size:11px;
  display:block;
  width:100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#add-row-content table td input[readonly] {
  background:#f9f9f9;
  border:1px solid #dbdbdb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#add-row-content table td select {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display:block;
  width:100%;
  border:1px solid #dbdbdb;
  padding:3px 8px;
  font-size:11px;
}
#add-row-content #add-row-btn {
  display: block;
  width: 100%;
  text-align: center;
  /* position: relative; */
  color: white;
  z-index: 6;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding: 3px 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 11px;
  margin-top:5px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  border: 2px solid transparent;
  background: #1ca56c;
}
#widget-content #widgetList-category,
#widget-content #widgetList-column {
  height:400px;
  float:left;
}
#widget-content #widgetList-category .widgetSearch-wrap {
  padding-right:20px;
  border-bottom:1px solid #70727b;
  position:relative;
}
#widget-content #widgetList-category .widgetSearch-wrap input {
  color:white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border:0;
  display:block;
  font-size:11px;
  padding:8px 10px;
  background:none;
  width:100%;
  outline:none;
}
#widget-content #widgetList-category .widgetSearch-wrap a {
  position:absolute;
  color:white;
  right: 11px;
  font-size: 9px;
  top: 7px;
}
#widget-content #widgetList-category {
  width:25%;
  background:#3f414e;
}
#widget-content #widgetList-category ul li a {
  display:block;
  font-size:11px;
  padding:8px 10px;
  position:relative;
  /* background:#272634; */
  color:white;
  border-bottom:1px solid #70727b;
  min-height:29px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#widget-content #widgetList-category ul li a:hover {
  background:#555867
}
#widget-content #widgetList-category ul li a.active {
  background:#232531
}
#widget-content #widgetList-category ul li a .count {
  display: block;
  position: absolute;
  right: 7px;
  font-size: 10px;
  padding: 1px 6px;
  top: 6px;
  background: #54586d;
  color: white;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

}
#widget-content #widgetList-column {
  width:75%;
  padding:15px;
}
#widgetList-list li {
  position:relative;
  padding:5px 10px 8px 175px;
  margin-bottom:10px;
  font-size:11px;
  min-height:86px;
  border:1px dashed #dbdbdb;
}
#widgetList-list li.notShow {
  display:none !important;
}
#widgetList-list li:first-child {
  margin-top:0;
}
#widgetList-list li .widgetIcon{
  position:absolute;
  left:5px;
  top:5px;
}
#widgetList-list li .widgetIcon img {
  width: 120px;
  border: 1px solid #dbdbdb;
}
#widgetList-list li .widgetText {
  line-height:1.43em;
}
#widgetList-list li .widgetText .widgetTitle {
  font-weight:bold;
  margin-bottom:8px;
  font-size:12px;
}
#widgetList-list li .widgetText .widgetDescription {
  font-size:11px;
  margin-bottom:8px;
}
#widgetList-list li .widgetText .widgetButtons {
  text-align:right;
}
#widgetList-list li .widgetText .widgetButtons a {
  display:inline-block;
  position: relative;
  color: white;
  background:#1ca56c;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding: 3px 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 10px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  border: 2px solid transparent;
}
#func-dashboard-list ul {
  margin-bottom: 0;
}
#grid-search-column {margin-left:-8px;margin-right:-8px;}
#grid-search-column #column-list,
#grid-search-column #column-selected-list {
  width:50%;
  float:left;
  padding:8px;
  position:relative;
}
#grid-search-column .column-title {
  font-weight:bold;
  font-size:13px;
}
#grid-search-column #column-list ul,
#grid-search-column #column-selected-list ul {
  margin-top:10px;
  height:350px;
  padding:3px;
  overflow-y:scroll;
  border:1px solid #dbdbdb;
}
#grid-search-column #column-list ul li,
#grid-search-column #column-selected-list ul li {
  margin-top:2px;
  font-size:11px;
  padding:3px 8px;
  border:1px dashed transparent;
  cursor:pointer;
  line-height:1.43em;
}
#grid-search-column #column-selected-list ul li {
  padding:6px 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4faeaa+0,67e0e0+100 */
  background: #4faeaa; /* Old browsers */
  background: -moz-linear-gradient(45deg, #4faeaa 0%, #67e0e0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #4faeaa 0%,#67e0e0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #4faeaa 0%,#67e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4faeaa', endColorstr='#67e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  margin-top:10px;
  max-width: 290px;
  margin-left: auto;
  margin-right: auto;
  color:white;
  font-size:12px;
}
#grid-search-column #column-list ul li:first-child,
#grid-search-column #column-selected-list ul li:first-child {
  margin-top:0;
}
#grid-search-column #column-list ul li:hover,
#grid-search-column #column-selected-list ul li:hover {
  background:#f9f9f9;
  border:1px dashed #dbdbdb;
}
#grid-search-column #column-selected-list ul li:hover {
  background:#4faeaa;
}
#grid-search-column #column-list ul li.ui-sortable-placeholder,
#grid-search-column #column-selected-list ul li.ui-sortable-placeholder {
  /* background:#f9f9f9; */
  border:1px dashed #dbdbdb;
  visibility:visible !important;
}
#grid-search-input-wrap {margin-top:10px;padding-right:140px;position:relative;}
#grid-search-input-wrap input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d2d2d2;
  background: #e7e7e7;
  padding: 0px 8px;
  height: 27px;
  display: block;
  width:100%;
  vertical-align: middle;
  color: #636363;
}
#grid-search-input-wrap #layer-search-btn {
  height:27px;
  position:absolute;
  text-align:center;
  right:0;
  top:0;
  width:138px;
  line-height:26px;
  background:#666;
  color:white;
  dipslay:block;
}
#grid-search-input-wrap #layer-search-btn:hover {
  background:#000;
}
#hiddencolumn #column-list {
  width:100%;
  padding:0;
  position:relative;
  margin-bottom:10px;
}
#hiddencolumn #column-list ul {
  margin-top:0px;
  height:250px;
  padding:3px;
  overflow-y:scroll;
  border:1px solid #dbdbdb;
}
#hiddencolumn #column-list ul li {
  margin-top:2px;
  font-size:11px;
  border-bottom:1px dashed #dbdbdb;
  cursor:pointer;
}
#hiddencolumn #column-list ul li a.visible .fa-square{
  display:none;
}
#hiddencolumn #column-list ul li a.visible .fa-check-square {
  display:inline-block;
}
#hiddencolumn #column-list ul li a .fa-square {
  display:inline-block;
}
#hiddencolumn #column-list ul li a .fa-check-square {
  display:none;
}
#hiddencolumn #column-list ul li a {
  opacity:0.3;
  display:block;
  padding:3px 8px;
}
#hiddencolumn #column-list ul li a:hover {
  background:#f9f9f9;
}
#hiddencolumn #column-list ul li a.visible {
  opacity:1
}
#hiddencolumn .button-wrap {

}
#hiddencolumn-content .button-wrap a {
  display: block;
  width: 100%;
  text-align: center;
  /* position: relative; */
  color: white;
  z-index: 6;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding: 3px 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 11px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  border: 2px solid transparent;
  background: #1ca56c;
}
#filterColumnData {margin-left:-8px;margin-right:-8px;}
#filterColumnData #column-list {
  width:35%;
  float:left;
  padding:0 8px;
  position:relative;
}
#filterColumnData #query-option-list {
  width:50%;
  float:left;
  padding:8px;
  position:relative;
}
#filterColumnData #query-viewer {
  width:65%;
  float:left;
  padding:0 8px;
  position:relative;
}
#filterColumnData #query-view-wrap {
  overflow:hidden;
  position:relative;
}
#filterColumnData .column-title {
  font-weight:bold;
  font-size:13px;
}
#filterColumnData #column-list ul,
#filterColumnData #query-option-list ul,
#filterColumnData #query-viewer ul{
  margin-top:0px;
  height:500px;
  padding:3px;
  overflow-y:scroll;
  border:1px solid #dbdbdb;
}
#selected-list,
#filterColumnData #query-viewer #query-viewer-list {
  padding:15px 15px 130px 15px;
  background-image:url('../img/pattern_bg.jpg')
}
#filterColumnData #query-viewer ul.group-wrap {
  height:auto;
  overflow:visible;
  border:0;
  padding-bottom:0;
}
.query-viewer-btn-list {
  position:absolute;
  bottom:10px;
  right:10px;
}
#column-selected-list .query-viewer-btn-list {
  right:20px;
  bottom:20px;
}
.query-viewer-btn-list dd {
  margin-top:10px;
}
.query-viewer-btn-list dd a {
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  width:40px;
  height:40px;
  line-height:40px;
  color:white;
  font-size:20px;
  display:inline-block;
  text-align:center;
  box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
}
.query-viewer-btn-list dd a.layer-search-btn {
  line-height:38px;
}
.query-viewer-btn-list dd a:hover {
  opacity:0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
}
.query-viewer-btn-list dd a.filter-view-refresh {
  background:#4faeaa;
}
.query-viewer-btn-list dd a.filter-view-help {
  background:#e29150;
}
.query-viewer-btn-list dd a.filter-view-checksum {
  background:#f6c238;
  position:relative;
}
.query-viewer-btn-list dd a.filter-view-checksum .fa-spin {
  display:none;
}
.query-viewer-btn-list dd a.filter-view-checksum.filter-loading .fa-spin {
  display:inline-block;
}
.query-viewer-btn-list dd a.filter-view-checksum.filter-loading .fa-check {
  display:none;
}
.query-viewer-btn-list dd a.filter-view-checksum .filter-view-sumResult {display:none;}
.query-viewer-btn-list dd a.filter-view-checksum.active .filter-view-sumResult {
  min-width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: -8px;
  top: -6px;
  padding:0 5px;
  background: #d85157;
  color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 11px;
  line-height: 19px;
}
.query-viewer-btn-list dd a.layer-search-btn,
.query-viewer-btn-list dd a.filter-view-save {
  background:#d85157;
}
#filterColumnData #column-list ul li,
#filterColumnData #query-option-list ul li,
#filterColumnData #query-viewer ul li{
  margin-top:2px;
  font-size:11px;
  padding:3px 8px;
  border:1px dashed transparent;
  cursor:pointer;
}
#filterColumnData #column-list ul li {line-height:1.43em;}
#filterColumnData #column-list ul li:first-child,
#filterColumnData #query-option-list ul li:first-child,
#filterColumnData #query-viewer ul li:first-child {
  margin-top:0;
}
#filterColumnData #column-list ul li:hover,
#filterColumnData #query-option-list ul li:hover{
  background:#f9f9f9;
  border:1px dashed #dbdbdb;
}
#filterColumnData #query-viewer ul li:hover {
  background:#4faeaa;
}
#filterColumnData #column-list ul li.ui-sortable-placeholder,
#filterColumnData #query-option-list ul li.ui-sortable-placeholder,
#filterColumnData #query-viewer ul li.ui-sortable-placeholder {
  /* background:#f9f9f9; */
  border:1px dashed #dbdbdb;
  visibility:visible !important;
}
#filterColumnData #query-viewer ul li.group-container {
  background:#668fc7  !important;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 310px;
  padding-top: 16px;
}
#filterColumnData #query-viewer ul li.group-container .group-title{
  position:absolute;
  left:50%;
  top:-6px;
}
#filterColumnData #query-viewer ul li.ui-state-disabled {opacity:1;}
#filterColumnData #query-viewer ul li.active {
  background:#d85157;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#filterColumnData #query-viewer ul li.active .multi-select:after {
  position:absolute;
  font-family:FontAwesome;
  content:"\f00c";
  top:5px;
  right:5px;
  display:block;
  color:white;
}
#filterColumnData #query-viewer ul li .multi-select {
  display:block;
  color:white;
  text-align:center;
  /* font-weight:bold; */
  font-size:12px;
  margin-bottom:10px;
  padding-top:25px;
  position:relative;
}
#filterColumnData #query-viewer ul li {
  /* border-top:1px dashed #dbdbdb;
    padding-top:6px; */
  padding:6px 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4faeaa+0,67e0e0+100 */
  background: #4faeaa; /* Old browsers */
  background: -moz-linear-gradient(45deg, #4faeaa 0%, #67e0e0 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #4faeaa 0%,#67e0e0 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #4faeaa 0%,#67e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4faeaa', endColorstr='#67e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  margin-top:10px;
  max-width: 310px;
  margin-left: 0;
  margin-right: auto;
}
#filterColumnData #query-viewer ul li:first-child {
  border-top:0;
}
#filterColumnData #query-viewer ul#query-viewer-list > li:first-child > .multi-select {padding-top:5px;}

#filterColumnData #query-viewer ul li .input-wrap {
  position:relative;
  padding-bottom:35px;
}
#filterColumnData #query-viewer ul li:last-child > .input-wrap .orand-wrap{
  display:none;
}
/* #filterColumnData #query-viewer ul li:last-child ul.group-wrap > .input-wrap{
	display:none;
} */
#filterColumnData #query-viewer ul li .query_select.orand {
  border: 0px solid #dbdbdb;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  max-width: 100%;
  font-size: 11px;
  padding: 0;
  margin: 0px auto 0;
  background: none;
  text-align: center;
  padding-right: 0;
  margin-left: 2px;
}
#filterColumnData #query-viewer ul li .orand-wrap {
  position: absolute;
  padding: 20px 5px;
  margin-top: 10px;
  left: 50%;
  width: 62px;
  height: 62px;
  background: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: -32px;
  border: 3px solid #65dcdb;
  text-align: center;
  box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.2);
}
#filterColumnData #query-viewer ul li .orand-wrap:before {
  width:1px;
  height:17px;
  position:absolute;
  top:0;
  left:50%;
  display:none;
  background:#dbdbdb;
}
#filterColumnData #query-viewer ul li .orand-wrap:after {
  width:1px;
  height:17px;
  position:absolute;
  bottom:0;
  left:50%;
  display:none;
  background:#dbdbdb;
}
#filterColumnData #query-viewer ul li .orand-wrap select {outline:none;}
.filter-input-select-wrap select,
.filter-input-select-wrap input{
  width:50%;
  height:25px;
  line-height:25px;
  vertical-align:top;
  outline:0;
  border:1px solid #dbdbdb;
  padding:3px 6px;
  font-size:11px;
  color:black;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.filter-input-select-wrap select {
  border-right:0;
}
.fleta-selection {background:black;z-index:100;position:fixed;}

#alarm-info-layer span.alram-type {
  display:inline-block;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  padding:3px 6px;
  color:#fff;
}
#alarm-info-layer span.alram-type.Critical,
#alarm-info-layer span.alram-type.danger {background:#cc3300}
#alarm-info-layer span.alram-type.Warning,
#alarm-info-layer span.alram-type.warning {background:#ffcc00}
#alarm-info-layer span.alram-type.Info,
#alarm-info-layer span.alram-type.info {background:#99cc33}

.pop-layer .btn-wrap {
  text-align:center;
}
.pop-layer .btn-wrap button,
.pop-layer .btn-wrap a {
  cursor:pointer;
  font-size:11px;
  border:0;
  display:inline-block;
  height:24px;
  line-height:23px;
  background:none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align:center;
  padding:0px 8px;
  color:#fff;
}
.pop-layer .btn-wrap button.blue {background:#558e8b;}
.pop-layer .btn-wrap button.green {background:#758880;}
.pop-layer .btn-wrap button.red {background:#917e75;}
.pop-layer .btn-wrap button.grey {background:#777;}

#mypage-save h3 {
  text-align:center;
  font-weight:bold;
  display:none;
}
#mypage-save .description {
  font-size:11px;
  color:#999;
}
#mypage-save .input-wrap {
  margin-top:10px;
}
#mypage-save .input-wrap input {
  padding:8px 10px;
  font-size:11px;
  border:1px solid #dbdbdb;
  width:100%;
}
#mypage-save .button-wrap {
  text-align:right;
  margin-top:10px;
}
#mypage-save .button-wrap a {
  display: block;
  width: 100%;
  text-align: center;
  /* position: relative; */
  color: white;
  z-index: 6;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding: 3px 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 11px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  border: 2px solid transparent;
  background:#1ca56c;
}


.freezeTable .pq-grid-cont-inner:first-child {
  border-right:2px solid #dbdbdb !important;
  box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.alwaysFreezon .pq-grid-cont-inner:first-child {
  border-right:2px solid #dbdbdb !important;
  box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.2) !important;
  -webkit-box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.2) !important;
  -moz-box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.2) !important;
  -o-box-shadow: 0px -1px 9px 0px rgba(0,0,0,0.2) !important;
  z-index: 1 !important;
}
.pq-grid-cont-inner.pq-grid-norows {
  height:100% !important;

}
.animate .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}
.nicescroll-cursors:hover,
.nicescroll-cursors:active,
.nicescroll-cursors:target {
  width:4px !important;
}
@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -31px;
  }
}
.column-in {
  position:relative;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;
  max-height:80px;
  overflow-y:auto;
  min-height:13px;
}
.fleta-grid td.enum {padding:0;}
.enum .column-in {
  position:relative;
  left:0;
  right:0;
  top:0;
  bottom:0;
  overflow: visible;
  border:1px solid transparent;
}
.enum .column-in .inInum {
  position:absolute;
  top:100%;
  left:-1px;
  right:-1px;
  background:#81a0e6;
  display:none;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  max-height:100px;
  border-bottom:1px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  border-left:1px solid #dbdbdb;
  padding-bottom:3px;
  color:white;
  border-radius : 0 0 5px 5px;
  /* padding:0px 40px 0px 10px; */
  padding:0px 10px 0px 10px;
}
.enum .column-in.bottom {
  padding-bottom:6px;
}
.enum .column-in.bottom .inInum {
  top:auto;
  bottom:100%;
  -webkit-box-shadow: 1px -1px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px -1px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px -1px 4px 0px rgba(0, 0, 0, 0.2);
  border-top:0px solid #dbdbdb;
  border-right:1px solid #dbdbdb;
  border-left:1px solid #dbdbdb;
  border-bottom:0;
  border-radius : 5px 5px 0 0;
}
.enum .column-in .inInum span {
  padding:4px 10px;
  display:block;
  /* color:# */
}
.enum .column-in .inInum span:hover {
  /* background:#f9f9f9; */
}
.enum .column-in .dv {
  position:relative;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  /* padding: 5px 40px 5px 10px; */
  padding: 0px 40px 0px 10px;
  z-index:1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border-bottom:1px solid transparent;
}
.enum .column-in .hidden{
}
.enum.doShowAll {z-index:10 !important;}
.enum.doShowAll .column-in .dv {
  /* background:white; */
  color:white;
  margin-top:3px;
  /* font-weight:bold; */
  /* border-bottom:1px solid #dbdbdb; */
  background:#81a0e6;
}
.enum.doShowAll .column-in.bottom .dv {
  border-top:0px solid #dbdbdb;
  border-bottom:0;
}
.enum.doShowAll .column-in .hd {
  visiblity:visible;
  opacity:1;
  white-space:normal;
}
.enum .column-in .ev,
.enum .column-in .ev:hover,
.enum .column-in .ev:active,
.enum .column-in .ev:target {
  color:#3367ff !important;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.enum.doShowAll .column-in .ev,
.enum.doShowAll .column-in .ev:hover,
.enum.doShowAll .column-in .ev:active,
.enum.doShowAll .column-in .ev:target {
  color:white !important;
}
.enum.doShowAll .column-in {
  /* left:-2px;
    top:-2px;
    right:-2px; */
  border:1px solid #dbdbdb;
  background:#819fe6;
  /* -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2); */
}
.enum.doShowAll .column-in  .grid_new_open_window {
  color:white !important;;
}
.enum.doShowAll .column-in  .gn {
  color:white !important;;
}
.enum.doShowAll .column-in .inInum .gn {
  /* padding-left:10px; */
  display:block;
  padding-top:3px;
  padding-bottom:3px;
}
.column-in .ev {
  position:absolute;
  top:1px;
  cursor:pointer;
  right:10px;
}
.pq-grid-cont td.rate {padding:0 !important;}
.pq-grid-cont td.rate .column-in {
  overflow:visible;
  padding:5px 10px;
}
tbody .rg {
  /* position:absolute; */
  left:0px;
  top:3px;
  bottom:3px;
  font-size:10px;
  /* -o-border-radius:0 11px 11px 0;
    -webkit-border-radius:0 11px 11px 0;
    -moz-border-radius:0 11px 11px 0;
    border-radius:0 11px 11px 0; */
  right:100%;
  background:#19f2e1;
  display:block;
  text-align:right;
  line-height: 17px;;
  padding-right: 5px;
  opacity:0.8;
}
.rg.c1 {background:#c7ce85}
.rg.c2 {background:#cbd852}
.rg.c3 {background:#cbd852}
.rg.c4 {background:#a3ab5b}
.rg.c5 {background:#a3ab5b}
.rg.c6 {background:#a3ab5b}
.rg.c7 {background:#a3ab5b}
.rg.c8 {background:#a3ab5b}
.rg.c9 {background:#e26f46}
.rg.c10 {background:#e26f46}
.rg.c11 {background:#dd4711}

tbody .rg.whiteColor {
  color:white;
}
tbody .rg.mLeft {
  padding-left:3px;
}
tbody .rg.zero {
  background:none !important;
  padding-left:3px !important;
  padding-right:0;
}
tbody .rg.transition {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.loading .pq-grid-center {
  min-height:250px;
}
/* .pq-grid-header:not(.pq-grid-header-left):after,
.pq-grid-cont-inner:last-child:after */
.pq-grid-center:after {
  /* position:absolute;
    right:0px;
    content:"";
    display:block;
    top:0;
    bottom:0px;
    opacity:0.3;
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(119,119,119,0.65) 100%); FF3.6-15
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(119,119,119,0.65) 100%); Chrome10-25,Safari5.1-6
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(119,119,119,0.65) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6777777',GradientType=1 );
    width:10px; */
}
.rightShadowMargin-right .pq-grid-center:after {
  right:17px;
}
.rightShadowMargin-bottom .pq-grid-center:after {
  bottom:17px;
}
.grid-count-wrap {
  position:absolute;
  left:5px;
  top:9px;
  font-size:11px;
  z-index:1;
}
.grid-count-wrap .grid_help,
.grid-count-wrap .ttl_count,
.grid-count-wrap .ft_count {
  display:inline-block;
  position:relative;
  padding-left:15px;
  margin-right:10px;
}
.grid-count-wrap .grid_help {
  padding:0;
  height:16px;
  width:16px;
  margin-right:5px;
  top:-1px;
  line-height:15px;
  color:#666;
  background:white;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border:1px solid #dbdbdb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  text-align:center;
}
.grid-count-wrap .grid_help:hover {
  background:#999;
  color:white;
  border-color:#999;
}
.grid-count-wrap .ttl_count strong,
.grid-count-wrap .ft_count strong {
  font-weight:bold;
}
.grid-count-wrap .ttl_count:before,
.grid-count-wrap .ft_count:before {
  content:"";
  display:block;
  position:absolute;
  width:6px;
  height:6px;
  margin-top:-4px;
  top:50%;
  left:3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
.grid-count-wrap .ttl_count:before {
  background:#80b64c;;
}
.grid-count-wrap .ft_count:before {
  background:#ecb100;
}
.sortDisable .pq-col-sort-icon {display:none;}
#ui-datepicker-div.dp-type-2 .ui-datepicker-calendar,
#ui-datepicker-div.dp-type-3 .ui-datepicker-calendar,
#ui-datepicker-div.dp-type-4 .ui-datepicker-calendar,
#ui-datepicker-div.dp-type-5 .ui-datepicker-calendar {
  display:none;
}
#ui-datepicker-div.dp-type-4 .ui-datepicker-month,
#ui-datepicker-div.dp-type-5 .ui-datepicker-month,
#ui-datepicker-div.dp-type-4 .ui-datepicker-prev,
#ui-datepicker-div.dp-type-5 .ui-datepicker-next {
  display:none;
}

.fleta-grid-edit-wrap.select_input {
  position:relative;
}
.fleta-grid-edit-wrap.select_input:after {
  content:"\f0d7";
  display:block;
  position:absolute;
  right: 7px;
  top: 50%;
  margin-top: -6px;
  font-family: FontAwesome;
  color:white;
}
.fleta-grid-edit-wrap.select_input input {
  padding-right:16px;
}

.fleta-grid-edit-wrap.boolean {
  position:relative;
}
.fleta-grid-edit-wrap.boolean:after {
  content:"\f0d7";
  display:block;
  position:absolute;
  right: 7px;
  top: 50%;
  margin-top: -6px;
  font-family: FontAwesome;
  color:white;
}
.fleta-grid-edit-wrap.boolean:after input {
  padding-right:16px;
}
.fleta-stg-edit,
.fleta-grid-edit {
  display:block;
  border:0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width:100% !important;
  border:1px solid #dbdbdb;
  background:#72a593;
  color:white;
  padding:6px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.fleta-stg-edit {
  width:90% !important;
}
.isEdit .fleta-grid-edit,
.isEdit .fleta-stg-edit {
  background:#a91f1f;

}
.fleta-grid button {
  border:0;
  background:none;
  color:black;
  border:1px solid #dbdbdb;
  cursor:pointer;
}
.fleta-grid .fleta-grid-edit.fleta-grid-textarea {
  resize:none;
  overflow:hidden;
  max-height:71px;
  min-height:26px;
  padding:6px;
}
.fleta-grid .fleta-grid-edit.fleta-grid-textarea.he1 {
  min-height:26px;
}
.fleta-grid .fleta-grid-edit.fleta-grid-textarea.he2 {
  min-height:38px;
}
.fleta-grid .fleta-grid-edit.fleta-grid-textarea.he3 {
  min-height:50px;
}
.fleta-grid .fleta-grid-edit.fleta-grid-textarea.he4 {
  min-height:62px;
}
.fleta-grid .fleta-grid-edit.fleta-grid-textarea.he5 {
  min-height:71px;
}
.fleta-grid .fleta-grid-edit.fleta-grid-textarea.over {
  overflow-y:auto;
}
.detail-table-wrap {
  float:left;
  width:50%;
}
.detail-table-wrap.discard {
  width:100%;
}
.detail-anal-wrap {
  position:absolute;
  right:10px;
  top:15px;
  bottom:20px;
  width:50%;
  padding-left:15px;
  height: 100%;
}

.detail-anal-wrap.chart_wrap,
.detail-anal-wrap.grid_wrap {
  width: 100%;
  height: 70vh;
  position: static;
  top: 70px;
  left: 10px;
}
.detail-anal-wrap.grid_wrap {
  left: 1px;
}

.widget-page.detail-anal-wrap.chart_wrap,
.widget-page.detail-anal-wrap.grid_wrap {
  height: 90vh;
}

.detail-anal-wrap.grid_wrap {
  padding-left : 15px;
  padding-right : 15px;
}

.detail-anal-wrap .module {
  position:inherit;
  width:98%;
  height:85%;
  margin-top: 48px;
  margin-left: 15px;
}
.detail-anal-wrap #stg_module,
.detail-anal-wrap #svr_module,
.detail-anal-wrap #nas_module {
  position:inherit;
  width:98%;
  height:85%;
  margin-top: 15px;
  margin-left: -8px;
}
.detail-table-wrap table {
  width:100%;
  table-layout:fixed;
}
.detail-table-wrap th {
  font-size:11px;
  text-align:left;
  font-weight:normal;
  color:#999;
  padding:20px 5px 8px;
}
.detail-table-wrap th span.column-header {
  display:inline-block;
  padding:5px 9px;
  border:1px dashed #dbdbdb;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /* 2019.08.22 */
  background: #efebebc2;
  color: #5f5d5d;
}
.detail-table-wrap tr:first-child th {
  padding-top:8px;
}
.detail-table-wrap td {
  padding:0px 5px 0px 9px;
  font-size:11px;
  line-height:1.43em;
  color:black;
  font-weight:bold;
}
body.popup:not(.toplayout) .popup_nav #popup_nav_toggle{
  position:absolute;
  lefT:100%;
  background:#272634;
  text-align:center;
  border-radius:0 4px 4px 0;
  width:19px;
  font-size:11px;
  padding-right:3px;
  height:30px;
  display:block;
  line-height:29px;
  color:white;
  top:80px;
  box-shadow: 5px 0px 13px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 5px 0px 13px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 5px 0px 13px 0px rgba(0,0,0,0.2);
  -ms-box-shadow: 5px 0px 13px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 5px 0px 13px 0px rgba(0,0,0,0.2);
}
body.popup.toplayout .popup_nav #popup_nav_toggle {
  position:absolute;
  left:10px;
  bottom:100%;
  width:30px;
  font-size:11px;
  height:16px;
  color:white;
  text-align:center;
  background:#56586c;
  line-height:16px;
  border-radius:4px 4px 0 0;
  box-shadow: 0px -5px 13px 0px rgba(0,0,0,0.05);
  -webkit-box-shadow: 0px -5px 13px 0px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px -5px 13px 0px rgba(0,0,0,0.05);
  -ms-box-shadow: 0px -5px 13px 0px rgba(0,0,0,0.05);
  -o-box-shadow: 0px -5px 13px 0px rgba(0,0,0,0.05);
}
body.popup .popup_nav #popup_nav_toggle i,
body.popup .popup_nav {
  /* -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; */
}
#func-bar .popup-layout-change-wrap:before {background:white !important}
#func-bar .popup-layout-change-wrap {
  position:relative;
  bottom:auto;
  right:auto;
  left: 10px;
  top: 5px;
  background:none;
  color:white !important;
  border:0;
}
body.toplayout:not(.popup) #func-bar .popup-layout-change-wrap {
  top: 9px;
}
body.purple:not(.toplayout) #func-bar .popup-layout-change-wrap:before,
body.white #func-bar .popup-layout-change-wrap:before {background:#999 !important}
body.white #func-bar .popup-layout-change-wrap,
body.purple:not(.toplayout) #func-bar .popup-layout-change-wrap {
  color:#999 !important;
}
.popup-layout-change-wrap {
  display:block;
  position: fixed;
  bottom: 20px;
  right: 20px;
  height:48px;
  width:48px;
  text-align:center;
  font-size:15px;
  background:#56586c;
  line-height: 48px;
  color:white;
  padding: 0 10px;
  border-left: 1px solid rgba(255,255,255,0.3);
  opacity:0.5;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index:2;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  text-indent:2px;
}
body.toplayout.type3:not(.popup) .popup-layout-change-wrap,
body.toplayout.type2:not(.popup) .popup-layout-change-wrap {
  height:29px;

}
body.toplayout .popup-layout-change-wrap {
  bottom: 60px;
  line-height:43px;
  text-indent:0px;
}
body.toplayout.type3:not(.popup) #func-bar #alram-toggle-btn,
body.toplayout.type2:not(.popup) #func-bar #alram-toggle-btn,
body.toplayout.type2:not(.popup) #func-bar #dash-toggle-btn,
body.toplayout.type3:not(.popup) #func-bar #dash-toggle-btn {
  line-height:38px;
}
body.toplayout.type3:not(.popup) #func-bar .popup-layout-change-wrap,
body.toplayout.type2:not(.popup) #func-bar .popup-layout-change-wrap {
  line-height: 29px;
}
body.toplayout.type3:not(.popup) #func-bar ul.function,
body.toplayout.type2:not(.popup) #func-bar ul.function {
  padding-top:12px;
  padding-right:25px;
  padding-bottom:12px;
}
body .popup-layout-change-wrap:before {
  position:absolute;
  content:"";
  width:13px;
  height:2px;
  left:14px;
  bottom:17px;

  display:block;
  background:white;
  transform-origin: left bottom;
  transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  -webkit-transform:rotate(270deg);
  -moz-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
body #func-bar .popup-layout-change-wrap:before {
  /* transform-origin: left top;
    transform:rotate(90deg);
    -ms-transform:rotate(270deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(270deg);
    -o-transform:rotate(270deg);	 */
  transform-origin: left bottom;
  transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  bottom: 30px;
  left: 14px;
}
body.toplayout.type2:not(.popup) #func-bar .popup-layout-change-wrap:before,
body.toplayout.type3:not(.popup) #func-bar .popup-layout-change-wrap:before {
  width:12px;
  left:18px;
  bottom:23px;
}
body.toplayout .popup-layout-change-wrap:before {
  transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  bottom:13px;
  left:17px;
}
body.toplayout #func-bar .popup-layout-change-wrap:before {
  ransform-origin: right bottom;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  bottom: 13px;
  left: 17px;
}
body.toplayout #func-bar .popup-layout-change-wrap:before {
  bottom:37px;
}
body .popup-layout-change-wrap:hover {
  opacity:1;
}
body:not(.toplayout) .popup-layout-change-wrap {
  /* bottom: 0;
    padding: 5px 5px 1px;
    left: 0;
    position: fixed;
    right: 0;
    border-top: 1px solid rgba(255,255,255,0.3);
    text-align: center;
    color: white;
    line-height: 1em; */
}
body .popup-layout-change-wrap a {
  /* display:inline-block;
    width:16px;
    height:16px;
    line-height:16px;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border:1px solid rgba(255,255,255,0.3); */
}
body.popup.hideMenu:not(.toplayout) .popup_nav {
  left:-100px;
}
body.popup.hideMenu.toplayout .popup_nav {
  bottom:-43px;
}
body.popup.hideMenu #popup_nav_toggle i{
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}

body.popup.hideMenu:not(.toplayout) #content-wrap {
  padding-left:0;
}
body.popup.toplayout .popup_nav {
  display:block;
  position:fixed;
  bottom:0;
  left:0;
  z-index:3;
  width: 100%;
  color:white;
  padding: 15px 30px;
  background-color: #56586c;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  box-shadow: 0px -5px 13px 0px rgba(0,0,0,0.05);
  -webkit-box-shadow: 0px -5px 13px 0px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px -5px 13px 0px rgba(0,0,0,0.05);
  -ms-box-shadow: 0px -5px 13px 0px rgba(0,0,0,0.05);
  -o-box-shadow: 0px -5px 13px 0px rgba(0,0,0,0.05);
  padding-right:60px;

}
body.popup.toplayout .popup_nav ul {
  text-align:center;
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  display:block;
}
body.popup.toplayout .popup_nav ul .owl-item {
  float:none;
  display:inline-block;
}
body.popup.toplayout .popup_nav ul li {
  display:inline-block;
  margin:0 3px;
  padding:0 3px;
  font-size:11px;
  border-left:1px solid #dbdbdb;
  padding-left:9px;
}
body.popup.toplayout .popup_nav ul li a {
  padding:2px 5px 3px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display:block;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
body.popup.toplayout .popup_nav ul li a.active {
  background:white;
  color:black;
}
body.popup.toplayout .popup_nav ul .owl-item:first-child li {
  border-left:0;
}
/* body.popup.toplayout .popup_nav ul .owl-item {float:none;display:inline-block;} */
body.popup.toplayout .popup_nav .carousel-control {
  position:absolute;
  top: 50%;
  margin-top: -7px;
  display:block;
}
body.popup.toplayout .popup_nav .carousel-control.next {
  right:45px;
}
body.popup.toplayout .popup_nav .carousel-control.prev {left:10px;}
body.popup.toplayout .popup_nav_carousel .owl-stage-outer,
body.popup.toplayout .popup_nav_carousel .owl-stage{
  max-height:18px;
  /* min-width:100%; */
  max-width:100%;
  margin:0 auto;
}
body.popup:not(.toplayout) .popup_nav {
  position:fixed;
  width:100px;
  lefT:0;
  top:0;
  z-index:2;
  bottom:0;
  background:#272634;
  box-shadow: 5px 0px 13px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 5px 0px 13px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 5px 0px 13px 0px rgba(0,0,0,0.2);
  -ms-box-shadow: 5px 0px 13px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 5px 0px 13px 0px rgba(0,0,0,0.2);
}
body.popup:not(.toplayout) .popup_nav_carousel {
  padding-left:15px;
}
body.popup:not(.toplayout) .popup_nav .carousel-control {display:none;}
body.popup:not(.toplayout) .popup_nav .owl-carousel {display:block;}
body.popup:not(.toplayout) .popup_nav ul {
  height:100%;
}
body.popup:not(.toplayout) .popup_nav ul li {
  border-bottom:1px solid rgba(255,255,255,0.5);
}
body.popup:not(.toplayout) .popup_nav ul li a {
  padding:8px 5px;
  color:rgba(255,255,255,.5);
  display:block;
  font-size:11px;
  padding-right: 20px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
body.popup:not(.toplayout) .popup_nav ul li a:hover {
  background:#3b3b50;
}
body.popup:not(.toplayout) .popup_nav ul li a.active {
  color:rgba(255,255,255,1);
  /* font-weight:bold; */
  background:#54586d;
}
body.popup:not(.toplayout) .popup_nav {
  padding-top:69px;
}
body.popup:not(.toplayout) .default_title {
  left:0px;
}

/*topology*/
.content-default-wrap.topology {
  /*background:white url(../img/isometric_topology_bg.png);*/
  height:800px;
  padding:0;
}
#content-wrap .content-all-wrap .content-default-wrap.topology .content-wrap {background:none;}
#content-wrap .content-all-wrap .content-default-wrap.topology .content-wrap .default-box {
  border:0;
  height:100%;
}
.topology-wrap {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border:0px solid #dbdbdb;
}
.topology:not(body) {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background-image:url(../img/topology/bg.svg);
}
.topology.plane:not(body) {
  background-image:url(../img/topology/grid_bg.svg);
  background-size:1px 1px;
}
.topology.entity:not(body) {
  background-image:url(../img/topology/grid_bg.svg);
  background-size:1px 1px;
}

/*20.07.02 bylee, 서버 상세창 토폴로지 배경 제거 start*/
.topology.detail:not(body) {
  background-image : none;
}
.topology.detail.plane:not(body) {
  background-image : none;
}
.topology.detail.entity:not(body) {
  background-image : none;
}
.topology.detail.entity:not(body) {
  background-image : none;
}
/*20.07.02 bylee, 서버 상세창 토폴로지 배경 제거 end*/

.topology:before {
  /* position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;

    content:" ";
    display:block; */
}
.topology > svg {
  position:relative;
  z-index:1;
}
.topology > svg *:not(g):not(rect){
  /*  -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; */
}
.topology > svg line[data-alwaysview='true'],
.topology > svg path[data-alwaysview='true'] {
  display:inline !important;
}
.topology.plane > svg g[data-class='label-group'] {
  /*  -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; */
}
.minimap .topology > svg *:not(g):not(rect){
  /*  -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s; */
}
.topology.replicationHoverEvent > svg defs mask,
.topology.replicationHoverEvent > svg defs mask rect,
.topology.replicationHoverEvent > svg defs .arrow-marker {
  opacity:1 !important;
}
.topology.replicationHoverEvent > svg defs .arrow-marker tspan {opacity:1 !important;}

.topology.replicationHoverEvent.fixHover > svg defs mask,
.topology.replicationHoverEvent.fixHover > svg defs mask rect,
.topology.replicationHoverEvent.fixHover > svg defs .arrow-marker {
  opacity:1 !important;
}
.topology.replicationHoverEvent > svg defs .arrow-marker tspan {opacity:1 !important;}

.topology.replicationHoverEvent > svg *:not(g):not(marker) {
  opacity:0.1;
}
.topology.replicationHoverEvent > svg *[data-isview='true']{
  opacity:1 !important;
}
.topology.replicationHoverEvent.fixHover > svg *[data-fix-isview='true']{
  opacity:1 !important;
}
.topology.hoverEvent > svg *:not(g):not(rect) {
  opacity:0.1;
}
/* .topology.planehoverEvent > svg line */
.topology.planehoverEvent > svg line:not([data-class='port-draw']),
.topology.planehoverEvent > svg path:not([data-class='virtual']),
.topology.planehoverEvent > svg g[data-class='label-group'] {
  opacity:0.1;
}
.topology.planehoverEvent > svg *.activeView,
.topology.obj-selected > svg *.activeView,
.topology.hoverEvent > svg *.activeView {
  opacity:1 !important;
  display:block !important;
}

.topology.planehoverEvent > svg *.fixView,
.topology.obj-selected > svg *.fixView,
.topology.hoverEvent > svg *.fixView {
  opacity:1 !important;
  display:block !important;
}

.topology.hoverEvent > svg g.activeView *,
.topology.hoverEvent > svg g.fixView * {
  opacity:1 !important;
  display:block !important;
}
.topology.hoverEvent > svg g.activeView[data-class='label-group'] {

}
.topology > svg *[data-alwaysview='true'] {
  opacity:1 !important;
}
.minimap {
  /* position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    transform: scale(0.1,0.1);
    -webkit-transform: scale(0.1,0.1);
    -ms-transform: scale(0.1,0.1);
    -o-transform: scale(0.1,0.1);
    -moz-transform: scale(0.1,0.1);
    transform-origin: right bottom;
    margin-bottom: 20px;
    margin-right: 20px;
    border: 2px solid black;
    overflow:hidden;
    width: 20%;
    height: 30%; */

}
.minimap > .topology {
  /* margin:25%; */
  /* width:15%;
    height:10%; */
  z-index:1;
  /* padding:40px; */
  box-sizing:content-box;
  position:absolute;
  right:20px;
  bottom:20px;
  background:white;
  overflow:hidden;
  border: 2px solid black;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  border:0;
}
.minimap > .topology svg:not(#scopeContainer) {
  position:absolute;
  z-index: 110;
  left:0;
  top:0;
  /* left:5%;
    right:5%;
    bottom:5%;
    top:5%; */
  width:100%;
  height:100%;
  overflow: visible !important;
}
.minimap > .topology svg#scopeContainer {
  z-index:120;
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
}
.topology-header-box {
  /* padding:4px 12px;
    background:white; */
  font-size:11px;
  /* border-bottom:1px solid #dbdbdb; */
}
.obj-hover-view-box {
  position:absolute;
  right:20px;
  min-width:250px;
  width:auto;
  top:20px;
  display:none;
  padding:0px;
  background:rgba(255,255,255,0.85);
  z-index:10;
  border:01px solid #dbdbdb;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.entity .obj-hover-view-box .title {
  font-size:12px;
}
.obj-hover-view-box .title {
  font-size:14px;
  text-transform:uppercase;
  margin-bottom:0px;
  padding:10px;
  color:white;
  position:relative;
}
.obj-hover-view-box .title:after {
  display:block;
  content:"\f107";
  font-family:"FontAwesome";
  color:#fff;
  position:absolute;
  right:0px;
  top:0px;
  width:33px;
  height:33px;
  line-height:32px;
  text-align:center;
  cursor:pointer;
  font-size:25px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
}
.obj-hover-view-box.on .title:after {
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
}
.obj-hover-view-box .obj-info-wrap {
  padding:10px;
  /* display:none; */
}
.obj-hover-view-box table {
  /* width:100%; */
  min-width:226px;
  table-layout:fixed;
}
.obj-hover-view-box .zone-ovr {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  white-space:nowrap;
}
.obj-hover-view-box table th,
.obj-hover-view-box table td {
  padding:5px 8px;
}
.obj-hover-view-box table th {
  background:#30cff9;
  color:white;
  width:79px;
  border-bottom:2px solid white;
}
.obj-hover-view-box table td {
  text-overflow: ellipsis;
  overflow:hidden;
  white-space:nowrap;
}
.topology-left-wrap {
  position:absolute;
  left:0;
  top:1px;
  bottom:0;
  background: #41414d; /* Old browsers */
  background: -moz-linear-gradient(top, #41414d 1%, #27242b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #41414d 1%,#27242b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #41414d 1%,#27242b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41414d', endColorstr='#27242b',GradientType=0 ); /* IE6-9 */
  width:40px;
  z-index:10;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
body.gray.toplayout:not(.type2):not(.type3) .topology-left-wrap{
  top:0;
}
.topology-left-wrap .cur_serial {
  position: absolute;
  left: 0;
  top: 87px;
  color: white;
  -moz-transform: rotate(90deg) translate(4px, -26px);
  -ms-transform: rotate(90deg) translate(4px, -26px);
  -o-transform: rotate(90deg) translate(4px, -26px);
  -webkit-transform: rotate(90deg) translate(4px, -26px);
  transform: rotate(90deg) translate(4px, -26px);
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  transform-origin: left top;
  z-index: 3;
  font-size: 20px;
  opacity: 0.7;
  font-weight:bold;
  white-space: nowrap;

}
.topology-left-wrap > ul {
  position:relative;
  z-index:2;
  background: #41414d; /* Old browsers */
  background: -moz-linear-gradient(top, #41414d 1%, #27242b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #41414d 1%,#27242b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #41414d 1%,#27242b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41414d', endColorstr='#27242b',GradientType=0 ); /* IE6-9 */
  height:100%;
}
.topology-left-wrap > ul > li > a {
  display:block;
  background:#41414d;
  width:100%;
  position:relative;
  z-index:2;
  height:40px;
  line-height:38px;
  color:rgba(255,255,255,.5);
  font-size:18px;
  border-bottom:1px solid rgba(255,255,255,.2);
  text-align:center;
}
.topology-left-wrap .topology-left-content {
  position:absolute;
  width:200px;
  top:0;
  bottom:0;
  left:-200px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background:rgba(255,255,255,0.9);
  overflow-y:auto;
}
.topology-left-wrap .topology-left-content .title {
  font-size: 14px;
  color: white;
  margin-bottom: 10px;
  padding: 12px 12px;
  background: #3d3c47;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 13px;
  /* margin-right:-1px; */
  margin-top:-1px;
}
.topology-left-wrap .topology-left-content.active {
  left:39px;
}
.topology-select-input-wrap {
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  padding:0px;
  border:1px solid #dbdbdb;
  border-top:0;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.topology-select-input-wrap .topology-select-input-title {
  font-weight:bold;
  margin-bottom:3px;
  padding:10px;
}
.topology-select-input-wrap .topology-select-input-con {
  margin-bottom:10px;
  padding-left:10px;
  padding-right:10px;
}
.topology-select-input-wrap .topology-select-input-con .equip-container  {
  margin-bottom:7px;
  border: 1px dashed #dbdbdb;
  border-radius: 5px;
  padding: 10px 15px;
  position:relative;
}
.topology-select-input-wrap .topology-select-input-con .equip-container span{
  display:inline-block;
}
.topology-select-input-wrap .topology-select-input-con .equip-container span.tit {
  width:53px;
  position:relative;
  text-transform:capitalize;
}
.topology-select-input-wrap .topology-select-input-con .equip-container span.tit img {
  width:50px;
  margin:0 auto;
  display:block;
}
.topology-select-input-wrap .topology-select-input-con .equip-container span.tit img.storage {
  width: 28px;
}
.topology-select-input-wrap .topology-select-input-con .equip-container span.tit img.server {
  width: 37px;
}
.topology-select-input-wrap .topology-select-input-con .equip-container span.tit:after {
  /* content: ":";
    position:absolute;
    right:5px;
    top:0;
    display:block; */
}
.topology-select-input-wrap .topology-select-input-con .equip-container span.cnt {
  font-size:18px;
  padding: 4px 6px;
}
.topology-select-input-wrap .topology-select-input-con.btop {
  border-top:1px dashed #dbdbdb;
  padding-top:10px;
}
.topology-select-input-wrap .topology-select-input-con.bbottom {
  padding-bottom:10px;
  border-bottom:1px dashed #dbdbdb;
}
.topology-select-input-wrap .topology-select-input-con .cnt-wrap {
  display:block;
  position:absolute;
  left:86px;
  right:15px;
  top: 50%;
  text-align: center;
  margin-top:-22px;
}
.topology-select-input-wrap .topology-select-input-con .cnt-wrap .cnt-tit {
  font-size:11px;
  display:block !important;
  text-transform:capitalize;
  margin-bottom:5px;
}
.topology-select-input-wrap .topology-select-input-con .cnt:not(:empty) {
  display:inline-block;
  background:#1ca56c;
  color:white;
  padding: 2px 4px 3px;
  font-size: 11px;
  line-height: 1em;
  text-align:center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.topology-select-input-wrap .topology-select-input-con .select-label {
  margin-bottom:6px;
}
.topology-select-input-wrap .topology-select-input-con select,
.topology-select-input-wrap .topology-select-input-con input{
  width:100%;
  padding:8px 12px;
  font-size:11px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border:1px solid #dbdbdb;
}
.topology-select-input-wrap .topology-select-input-con select.vendor-select {
  margin-bottom:4px;
}
.ui-menu .ui-menu-item.tit {
  background:#666;
  color:white;
  text-align:center;
}
.topology-select-input-wrap .topology-select-btn-wrap {
  text-align:right;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}
.topology-select-input-wrap .topology-select-input-con .topology-select-btn-wrap {
  padding:0;
  margin-top:10px;
}
.topology-select-input-wrap .topology-select-btn-wrap a {
  display: inline-block;
  text-align: center;
  /* position: relative; */
  color: #666;;
  z-index: 6;
  border:1px solid #dbdbdb;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding: 6px 8px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 11px;
}
.topology-select-input-wrap .topology-select-btn-wrap a:hover {
  border:1px solid #eee;
  background:#e5e5e5;
}
#function-bar-alram.topology-alarm-wrap {
  bottom:auto;
  position:absolute;
  top:100%;
  right:-0;
  background:#fff;
  border:1px solid #f2f2f2;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  display:none;
}
.topology-alarm-wrap .alarm-scrl {
  padding:10px;
}
.topology-alarm-wrap:before {

}
#function-bar-alram.topology-alarm-wrap .alarm-info {
  display:block;
  width:100%;
  text-decoration:none;
  position:relative;
  background:none;
  color:#666;
  padding-left:12px;
  box-shadow:none;
  border-bottom:1px dashed #dbdbdb;
  margin-top:0;
}
#function-bar-alram.topology-alarm-wrap .alarm-info:nth-child(odd) {
  /* background:#f9f9f9; */
}
#function-bar-alram.topology-alarm-wrap .alarm-info:hover {
  background:#f9f9f9
}
#function-bar-alram.topology-alarm-wrap .alarm-info:before {
  width:5px;
  top:10px;
  bottom:10px;
  left:0;
  content:"";
  position:absolute;
}
#function-bar-alram.topology-alarm-wrap .alarm-info.danger:before {background:#cc3300;}
#function-bar-alram.topology-alarm-wrap .alarm-info.warning:before {background:#ffcc00;}
.topology-alarm-wrap .alarm-info .tit {
  padding-right:100px;
}
.topology-alarm-wrap .alarm-info .tit strong {
  font-weight:bold;
}
.topology-alarm-wrap .alarm-info .date {
  position:absolute;
  right:10px;
  top:10px;
}
.topology-alarm-wrap .alarm-info .msg {
  line-height:1.3em;
  white-space:normal;
  margin-top:5px;
}

.topology-alarm-wrap {
  position:absolute;;
  /* left:20px;
    bottom:20px; */
  /* width:300px; */
  right:20px;
  bottom:230px;
  z-index:10;
  /* overflow-y:auto;
    height:190px; */
}
.alarm-scrl {
  max-height:500px;
  max-width:440px;
}
.topology-alarm-wrap .alarm-info {
  padding:10px 10px;
  font-size:11px;
  color:white;
  position:static;
  /* display:none; */
  text-overflow: ellipsis;
  overflow:hidden;
  white-space:nowrap;
  /* left:-200%; */
  margin-top:5px;
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  width:300px;
}
#content-wrap .topology-alarm-wrap .alarm-info {
  display:none;
}
.topology-alarm-wrap .alarm-info.Critical {background:#cc3300;}
.topology-alarm-wrap .alarm-info.Danger {background:#cc3300;}
.topology-alarm-wrap .alarm-info.Warning {background:#ffcc00;}
.topology-alarm-wrap .alarm-info.repair {background:#99cc33;}
g[data-list],
g[data-serial],
g[data-keycolumn] {
  cursor:pointer;
}
.context-menu-item:first-child{margin-top:0}
#topology-search-wrap a,
#topology-info-toggle-wrap a {
  display:block;
  padding:8px 12px;
  position:relative;
  font-size:11px;
  border:1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor:pointer;
}
#topology-search-wrap a {
  padding:8px 9px;
  border-radius: 0 4px 4px 0;
  display:inline-block;
}
#subtitle-and-result {display:inline-block;margin-right:6px;}
#topology-info-toggle-wrap a {
  background:#666;
  color:#fff;
}
.topology-hide-info #topology-info-toggle-wrap a {
  background:#fff;
  color:#000;
}
.topology-hide-info .obj-hover-view-box {display:none !important}
.column-count-control-wrap {
  position:relative;

}
.column-count-control-wrap #column-count-control-btn {
  display:block;
  padding:8px 12px;
  position:relative;
  font-size:11px;
  border:1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor:pointer;
}
.column-count-control-wrap #column-count-dropdown {
  position:absolute;
  top:100%;
  background:#fff;
  left:0;
  right:0;
  color:#000;
  border:1px solid #dbdbdb;
  border-top:0;
  margin-top:-2px;
  display:none;
  color:#000;
}
.column-count-control-wrap #column-count-dropdown .column-count-value {
  padding:5px 10px;
  text-align:center;
  display:block;
  font-size:11px;
}
.column-count-control-wrap #column-count-dropdown .column-count-value:hover {
  background:#f9f9f9;
}
.copygroup-column-change-wrap select {
  display: block;
  padding: 8px 12px;
  position: relative;
  font-size: 11px;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  background:none;
}
.viewtype-switch-wrap {
  border:1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.viewtype-switch-wrap:after {
  clear:both;
  display:table;
  content:"";
}
.viewtype-switch-wrap a {
  display:block;
  float:left;
  padding:8px 12px;
  position:relative;
  font-size:11px;
  background:#FFFFFF;
  color:#000;
}
.viewtype-switch-wrap a .txt {
  display:block;
  position:relative;
  z-index:1;
}
.viewtype-switch-wrap a:first-child {
  border-right:1px solid #dbdbdb;
}
.viewtype-switch-wrap a:before {
  background:#666;
}
.viewtype-switch-wrap a:first-child:not([data-type='on']):not([data-type='3d']):before {
  background:#666;
}
.viewtype-switch-wrap a:before {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  content:"";
  right:100%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.viewtype-switch-wrap a.active {
  color:white;
}
.viewtype-switch-wrap a.active:before {
  right:0;
}
#virtual-list .virtual-item {
  display:block;
  margin-bottom:10px;
  position:relative;
  padding-left:40px;
  background:#f3f4e4;
  border:2px solid #2f5597;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
  cursor:pointer;
}
#virtual-list .virtual-item img {
  display: block;
  width: 24px;
  /* height: 25px; */
  position: absolute;
  left: 8px;
  top: 5px;
}
h2.statistics-title {
  font-size:40px;
  font-weight:bold;
  text-align:center;
  margin:30px auto;
  color:#666;
}
.statistics-wrap {
  position:relative;
  padding-left:300px;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:300px;
  margin-top:20px;
  border-top:20px solid #f9f9f9;
  min-height:540px;
}
.statistics-wrap:first-child {
  border-top:0;
}
.statistics-wrap:first-child {margin-top:0;}
.statistics-wrap .tab-type-info {
  top:20px;
  width:290px;
  border:0;
}
.statistics-wrap .tab-type-info .tab-flat-box {
  margin-top:0;
  /* font-size:12px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0; */
  overflow:hidden;
  border:0;
}
.statistics-wrap .tab-type-info .tab-flat-box .info-table th,
.statistics-wrap .tab-type-info .tab-flat-box .info-table td {
  border:0;
}
.statistics-wrap .tab-type-info .tab-flat-box .info-table th {
  font-weight:bold;
  font-size:20px;
  padding:9px 0;
}
.statistics-wrap .tab-type-info .tab-flat-box .box-cont .info-table td:not(.text-right) {
  text-align:center;
}
.statistics-wrap .tab-type-info .tab-flat-box .box-cont {
  background:none;
  padding:0;
}
.statistics-wrap .tab-type-info .tab-flat-box .box-cont .info-item {
  padding:15px 10px;
  background: #1984b9 url(../img/bg_top_pattern.png);
  /* background: -moz-linear-gradient(top, #2984d0 0%, #375aa7 100%);
    background: -webkit-linear-gradient(top, #2984d0 0%,#375aa7 100%);
    background: linear-gradient(to bottom, #2984d0 0%,#375aa7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2984d0', endColorstr='#375aa7',GradientType=0 ); */
  margin-top:5px;
  color:#fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 8px;
}
.statistics-wrap .tab-type-info .tab-flat-box .box-cont .info-item.red {
  background: #b93f19 url(../img/bg_top_pattern.png);
}
.statistics-wrap .tab-type-info .tab-flat-box .box-cont .info-item:first-child {
  margin-top:0;
}
.statistics-wrap .tab-type-info .tab-flat-box .box-cont .info-item .type-name {
  font-size:12px;
}
.statistics-wrap .tab-type-info .tab-flat-box .box-cont .info-item .type-value {
  font-size:24px;
  font-weight:bold;
}
.statistics-wrap .tab-type-info .tab-flat-box .box-tit {
  background: rgb(82, 166, 255);
  color:#fff;
  font-weight:bold;
  background: rgb(82, 166, 255);
  color:#fff;
  text-align:center;
  font-family:"Noto Sans Korean",Sans-Serif;
  text-transform:uppercase;
  font-size:20px;
  padding:20px 0;
}
.statistics-btn {
  display: block;
  width:100%;
  font-weight:bold;
  margin:0 auto;
  color:#fff;
  text-align: center;
  /* position: relative; */
  z-index: 6;
  margin-top:15px;
  /* background:#525252; */
  background: #1984b9 url(../img/bg_top_pattern.png);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  /* padding: 6px 9px; */
  /* -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; */
  font-size: 15px;
  cursor:pointer;
  width:60px;
  height:60px;
  line-height:58px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow:hidden;
  border:0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  outline:none;
}
.statistics-btn:hover {
  background: #d62b2b url(../img/bg_top_pattern.png);
}
.statistics-wrap .chart_result_wrap {
  display:none;
}
.statistics-wrap .chartDiv {
  height:500px !important;
}
.statistics-wrap .result_wrap {
  width: 269px;
  top: 20px;
  right: 20px;
  bottom: 20px;
  background: #18ba8e url(../img/bg_top_pattern.png);
  position: absolute;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.statistics-wrap .result_wrap .dTable {
  width:100%;
  height:100%;
  text-align:center;
}
.statistics-wrap .result_wrap .around {
  font-weight:bold;
  font-size:28px;
  color:rgba(255,255,255,0.5);
}
.statistics-wrap .result_wrap .around_cnt {
  font-size:34px;
  color:#fff;
  font-weight:bold;
}
.statistics-wrap .result_wrap .around_cnt .small {
  font-size:20px;
  color:rgba(255,255,255,0.5);
}
.statistics-loading-wrap {
  position:absolute;
  left:300px;
  top:0;
  right:0;
  bottom:0;
  z-index:2;
  display:none;
}
.statistics-loading-wrap .dTable {
  width:100%;
  height:100%;
  text-align:center;
}
.statistics-wrap .statistics-ready {
  display:none;
  position:absolute;
  left:300px;
  right:0px;
  top:0;
  bottom:0;
}
.statistics-wrap.ready .statistics-ready{
  display:block;
}
.statistics-wrap .statistics-ready .dTable {
  width:100%;
  height:100%;
  text-align:center;
  font-size:60px;
  color:#dbdbdb;
}

.anal-tab-wrap .loadWidget {
  height:28vw;
}
.widget-wrap #content-wrap {
  padding:0 !important;
  overflow:visible;
  background:none !important;
  padding-bottom: 20px !important;
  min-height: 0;
  position: absolute;
  top: 0;
  lefT: 0;
  right: 0;
  bottom: 20px;
}
.popup .widget-wrap .grid-icon {
  background-image: url(images/grid_icon_sprite.png);
}
.widget-wrap #content-wrap .content-default-wrap {
  overflow:visible !important;;
}
.widget-wrap .short-cut-list,
.widget-wrap .default_title {display:none !important;}
.widget-wrap .content-all-wrap {top:0 !important;}
.widget-wrap .content-all-wrap.single .default-title:hover {background:white !important;}
.widget-wrap .default-title h3 {display:none !important;}
.widget-wrap .content-all-wrap.single {
  top:0 !important;
  bottom:0 !important;
  padding:0 !important;
  border-top:1px solid #dbdbdb !important;
  border-bottom: 1px solid #dbdbdb !important;
}
.widget-wrap .content-all-wrap.single .content-default-wrap,
.widget-wrap .content-all-wrap.single .content-default-wrap .content-wrap {
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
.widget-wrap .content-all-wrap.single .content-default-wrap .content-wrap .default-box {padding-top:34px !important;}
.widget-wrap .content-all-wrap.single .content-default-wrap .content-wrap .default_title .input-wrap {display:none !important;}
.grid-menu



.mnt_evaluated_values table {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  width : 100%;
  height : 100%;
  color: #333333;
  border-width: 1px;
  border-color: #3A3A3A;
  border-collapse: collapse;
}
.mnt_evaluated_values table th {
  width : 100%;
  height : 100%;
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #FFA6A6;
  background-color: #D56A6A;
  color: #ffffff;
}
.mnt_evaluated_values table tr:nth-child(even) td{
  background-color: #F7CFCF;
}
.mnt_evaluated_values table td {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #FFA6A6;
  background-color: #ffffff;
}
#report-container-wrap {
  min-height:670px;
  position:relative;
}
.disable #report-title-wrap {display:none;}
#report-title-wrap {
  margin-bottom:20px;
}
#report-title-wrap #report-title-input-wrap {
  display:inline-block;
  position:relative;
  padding-left:34px;
  padding-right:63px;
  font-size:24px;
  color:#666;
}
#report-title-wrap #report-title {
  background:none;
  border:0;
  border-bottom:1px solid #dbdbdb;
  font-weight:bold;
  font-size:24px;
  padding: 11px 0 12px;
  vertical-align: middle;
}
#report-title-wrap i {
  position:absolute;
  left:0;
  top:9px;
}
#report-title-wrap .pptx_text {
  display:block;
  position:absolute;
  right:0;
  top:9px;
}
.report-container {
  position:relative;
  padding-left:300px;
  padding-right:15px;
  margin-top:30px;
}
.report-container .report-list-wrap {
  position:absolute;
  left:15px;
  width:250px;
  top:0;
  background:white;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  border:1px solid #dbdbdb;
}
.report-container .report-list-wrap dt,
.report-container .report-list-wrap dd {
  text-align:center;
}
.report-container .report-list-wrap dd a {
  padding:10px;
  display:block;
  position:relative;
}
.report-container .report-list-wrap dd a.active {
  background:#999;
  color:#fff;
}
.report-container .report-list-wrap dd a.active:after {
  position:absolute;
  right:6px;
  top:10px;
  font-family:'FontAwesome';
  content:"\f0da";
  color:#fff;
}
.report-container .report-list-wrap dt {
  background:#4973ea;
  color:#fff;
  padding:10px;
}
.report-container .report-form-container {
  /* background:white;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
    border:1px solid #dbdbdb;
    padding:20px; */
}
.report-form-container {
  position:relative;
}
#report-container-wrap.disable {
  max-height: 100vh;
  overflow: hidden;
}
#report-container-wrap.disable .disable-cover {
  display:block;
}
#report-container-wrap .disable-cover {
  background:rgba(0,0,0,0.3);
  color:#fff;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
  z-index:2;
  display:none;
}
#report-container-wrap .disable-cover .dTable {
  width:100%;
  height:100%;
  font-weight:bold;
  font-size:45px;
  text-align:center;
}

.report-form-container .list-circle {
  display:inline-block;
  position:relative;
  margin-right:10px;
}
.report-form-container .list-circle:before {
  width:5px;
  height:5px;
  content:"";
  display:block;
  border-radius:50%;
  background:black;

}
.report-form-container table {
  width:100%;
  /* table-layout:fixed; */
  margin-top:20px;
  -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.report-form-container table:first-child {margin-top:0;}
.report-form-container table td,
.report-form-container table th {
  padding:10px;
  border:1px solid #dbdbdb;
  vertical-align:middle;
  background:white;
  font-size:11px;
}
.report-form-container table td.export-td {
  border:0;
  text-align:center;
}
.report-form-container table th {
  background:#f9f9f9;
  text-align:center;
  width:230px;
}
.report-form-container table th.slide-section {
  background:#666;
  color:#fff;
}
.report-form-container table input,
.report-form-container table textarea {
  /* width:50%; */
  width:350px;
  padding:5px 8px;
  font-size:12px;
  border:1px solid #dbdbdb;
}
.report-form-container table textarea  {
  height:150px;
  width:100%;
  max-width:600px;
}
.report-form-container table .fleta-grid {
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px dashed #dbdbdb;
}
.report-form-container table .fleta-grid:last-child {
  margin-bottom:0px;
  padding-bottom:0px;
  border-bottom:0px dashed #dbdbdb;
}
.report-form-container table textarea.grid-description {
  margin-top:25px;
}
.report-form-container .content_table .content_table-item {
  margin-top:8px;
}
.report-form-container .content_table .content_table-item:first-child {
  margin-top:0;
}
.report-form-container .content_list-wrap {margin-top:10px;}
.report-form-container .content_list-wrap .content_list-item-wrap {
  margin-top:10px;
  margin-left:20px;
}
.report-form-container .pptx-grid-preview-wrap {

  margin-top:15px;
  background: white;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
.report-form-container .add-list-wrap {
  margin-top:15px;
}
.report-form-container .add-list-wrap .report-plus-button {
  background:#666;
  color:#fff;
  border:1px solid #dbdbdb;
  text-align:center;
  display:inline-block;
  width:390px;
  padding:8px 0;
}
.report-form-container .add-list-wrap .report-plus-button.depth2 {
  margin-left: 35px;
  width: 350px;
  background:#f9f9f9;
  color:#000;
}
.report-form-container .add-list-wrap .report-plus-button:hover {
  background:#999;
}
.report-form-container .add-list-wrap .report-plus-button.depth2:hover {
  background:#f1f1f1;
}
.report-form-container .report-minus-button {
  display:inline-block;
  margin-left:6px;
  font-size:10px;
  border:1px solid #dbdbdb;
  padding:0 3px;
  color:#666;
}

.report-form-container .report-minus-button:hover {
  background:#f6f6f6;
}

#export-report-btn {
  display: inline-block;
  border: none;
  text-align: center;
  padding: 7px 20px;
  text-decoration: none;
  color: #FFFFFF;
  background: #272634;
  font-size: 10px;
  cursor: pointer;
}

#dashboard-view-wrap.needDashboard:not(.makeDashboard) {
  position:relative;
  min-height:500px;
}
#dashboard-view-wrap.needDashboard:not(.makeDashboard):before {
  content:"Please Create New Dashboard";
  position:absolute;
  color:#999;
  left:50%;
  top:50%;
  font-size:33px;
  display:block;
  margin-left:-225px;
  margin-top:-16px;
  line-height:1em;
}
.dashboard-link {
  font-size:16px;
  text-align: center;
  /* background: #EEA6A6; */
  background:#62627b;
}
.stack-add-widget {
  position:absolute;
  text-align:center;
  lefT: 50%;
  top: 50%;
  margin-left: -35px;
  margin-top: -37px;
}
.stack-add-widget i {
  font-size:56px;
  margin-bottom:6px;
}
.no-data-wrap {
  height:100%;
  position:relative;
  min-height:90px;
}
.no-data-wrap .no-data {
  position:absolute;
  right:0;
  top:50%;
  font-size:16px;
  left:0%;
  margin-top:-36px;
  color:#999;
}
.no-data-wrap .no-data i {font-size:55px;margin-bottom:6px;}
#topology-search-layer {
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.4);
  z-index: 999;
}

#topology-search-layer .dTable {
  width:100%;
  height:100%;
}
#topology-search-layer .search-layer-in {
  background:#fff;
  width:640px;
  padding:20px;
  margin:0 auto;
}
#topology-search-layer .search-input:after {

}
#topology-search-layer .search-input {
  display:table;
  width:100%;
  table-layout:fixed;
  border-bottom:1px solid #fff;
}
#topology-search-layer .search-input:after,
#topology-search-layer .search-input:before {
  content:none;
}
#topology-search-layer .search-input > div {
  display:table-cell;
  padding:10px;
  vertical-align:middle;
}
#topology-search-layer .search-input .input-tit {
  text-align:center;
  background:#f9f9f9;
  width:180px;
}
#topology-search-layer .search-input select,
#topology-search-layer .search-input input {
  border:1px solid #dbdbdb;
  padding:5px 8px;
  width:100%;
  display:block;
}
#topology-search-layer .search-button-wrap {
  margin-top:15px;
  text-align:center;
}
#topology-search-layer .search-button-wrap a {
  background:#000;
  color:#fff;
  display:inline-block;
  padding:4px 9px;
}
#topology-search-layer .search-button-wrap a:first-child {
  margin-right:5px;
}
.context-menu-item.context-menu-disabled {
  display:none !important;
}

.select-chk-all {
  font-size:10px;
  padding:2px 4px 3px;
  bordeR:1px solid #dbdbdb;
  border-radius:3px;
}

.select-chk-all.active {
  background:#edb303;
  color:#fff;
  border-color:#edb303;
}

.select-chk-all-trend {
  float:right;
  font-size:10px;
  padding:2px 4px 3px;
  bordeR:1px solid #dbdbdb;
  border-radius:3px;
}

.select-chk-all-trend.active {
  background:#edb303;
  color:#fff;
  border-color:#edb303;
}

.label_search polygon {
  fill: #ebf519 !important;
}
.label_search text,
.label_search tspan {
  fill:#000 !important;
}




.click_label_search.label_search polygon{
  fill: #b0b713 !important;
}

.click_label_search.label_search text,
.click_label_search.label_search tspan {
  fill:#fff !important;
}


.plane .label_search rect.white-content,
.plane .label_search circle.white-content {
  fill: #ebf519 !important;
}
.plane .label_search text,
.plane .label_search tspan {
  fill:#000 !important;
}

.plane .click_label_search.label_search rect.white-content,
.plane .click_label_search.label_search circle.white-content{
  fill: #b0b713 !important;
}

.plane .click_label_search.label_search text,
.plane .click_label_search.label_search tspan {
  fill:#fff !important;
}

@media(min-width:1531px) {
  .purple.type2 #topology-info-toggle-wrap a {
    background:#fff;
    color:#000;
  }
  .purple.type2.topology-hide-info #topology-info-toggle-wrap a {
    background:none;
    color:#fff;
  }
  .purple.type2 .viewtype-switch-wrap a {
    background:none;
    color:#fff;
  }
  .purple.type2 .viewtype-switch-wrap a.active {
    color:#000;
  }
  .purple.type2 .viewtype-switch-wrap a:before {
    background:#fff !important;
  }
  /* .purple .viewtype-switch-wrap a:first-child:not([data-type='on']):not([data-type='3d']) {
        color:#000;
    } */
  /* .purple .viewtype-switch-wrap a:first-child:not([data-type='on']):not([data-type='3d']):before {
        background:#fff;
    } */
}