@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 62, ../sass/style.scss */
html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-size: 62.5%;
}

/* line 70, ../sass/style.scss */
a {
  text-decoration: none;
}

/* line 74, ../sass/style.scss */
.nowrap {
  white-space: nowrap;
}

/* line 78, ../sass/style.scss */
.btn {
  display: inline-block;
  color: #FFF;
  padding: 7px 30px;
  background-color: #4598aa;
  cursor: pointer;
  min-width: 120px;
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
}

/* line 1, ../sass/_mask.scss */
#full-mask {
  display: none;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* line 13, ../sass/_mask.scss */
#dialog-error {
  display: none;
  width: 450px;
  height: 215px;
  position: fixed;
  top: 50%;
  margin-top: -107px;
  left: 50%;
  margin-left: -225px;
  background-color: #FFF;
  z-index: 3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: black 0 0 10px;
  -moz-box-shadow: black 0 0 10px;
  box-shadow: black 0 0 10px;
  font-family: "Arial", Helvetica, sans-serif;
}
/* line 27, ../sass/_mask.scss */
#dialog-error .header {
  height: 30px;
  color: #4598aa;
  text-align: center;
  font-size: 33.6px;
  font-size: 2.1rem;
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: bold;
}
/* line 36, ../sass/_mask.scss */
#dialog-error .msg {
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
}
/* line 40, ../sass/_mask.scss */
#dialog-error .bottom {
  position: absolute;
  width: 100%;
  bottom: 30px;
  text-align: center;
}
/* line 45, ../sass/_mask.scss */
#dialog-error .bottom .btn {
  padding: 7px 0;
}

/* line 51, ../sass/_mask.scss */
#progress-bar {
  display: none;
  width: 410px;
  height: 150px;
  position: fixed;
  top: 50%;
  margin-top: -75px;
  left: 50%;
  margin-left: -205px;
  background-color: #FFF;
  z-index: 3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: black 0 0 10px;
  -moz-box-shadow: black 0 0 10px;
  box-shadow: black 0 0 10px;
  font-family: "Arial", Helvetica, sans-serif;
}
/* line 65, ../sass/_mask.scss */
#progress-bar .bar {
  position: absolute;
  width: 300px;
  height: 6px;
  top: -15px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 2px 3px;
  border: 1px solid #747474;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#progress-bar .bar .color {
  width: 0;
  height: 6px;
  background-color: #50B2D6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
#progress-bar .msg {
  position: absolute;
  width: 300px;
  height: 20px;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  @inlcude rem(font-size, 1.5);
}
.wrapper {
  width: 100%;
  background-color: #FFF;
}
.wrapper.login {
  background-color: #FEFEFE;
}
.wrapper.login .divider {
  display: none;
}
.wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper .divider {
  position: absolute;
  width: 5px;
  height: 100px;
  top: 0;
  left: 87px;
  background-image: url("../img/divider.png");
  z-index: 2;
}
.wrapper .header {
  height: 72px;
  padding-top: 32px;
}
.wrapper .header > div {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
}
.wrapper .header .btnMenu {
  width: 87px;
  background-image: url("../img/icon-menu.png");
  cursor: pointer;
}
.wrapper .header .logo {
  margin-left: 23px;
  width: 110px;
  background-image: url("../img/logo.png");
  margin-right: 16px;
}
.wrapper .header .model-info .model-name {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 32px;
  font-size: 2rem;
  color: #454547;
}
.wrapper .header .model-info .firmware {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 1px;
  color: #454547;
}
/* line 62, ../sass/_layout.scss */
.wrapper .header.login .btnMenu, .wrapper .header.login .connectivity {
  display: none;
}
/* line 65, ../sass/_layout.scss */
.wrapper .header.login .logo {
  margin-left: 43px;
  margin-right: 40px;
}
/* line 72, ../sass/_layout.scss */
.wrapper .content {
  min-height: 100%;
}
/* line 74, ../sass/_layout.scss */
.wrapper .content .break {
  background-color: #d6d6d6;
  height: 1px;
  width: 850px;
  margin: 15px 0 15px 120px;
}
/* line 80, ../sass/_layout.scss */
.wrapper .content .page {
  min-width: 1000px;
  display: none;
}
/* line 83, ../sass/_layout.scss */
.wrapper .content .page .banner {
  height: 171px;
  background-image: url("../img/banner_rpt.png");
  margin-top: 30px;
}
/* line 87, ../sass/_layout.scss */
.wrapper .content .page .banner .left-banner {
  position: absolute;
  left: 0;
}
/* line 91, ../sass/_layout.scss */
.wrapper .content .page .banner .right-banner {
  position: absolute;
  right: 0;
}
/* line 95, ../sass/_layout.scss */
.wrapper .content .page .banner h1 {
  font-size: 33pt;
  color: #4597a9;
  font-family: "Arial", Helvetica, sans-serif;
  padding-left: 115px;
  font-weight: 200;
  position: absolute;
}
/* line 103, ../sass/_layout.scss */
.wrapper .content .page .banner h2 {
  font-size: 11pt;
  color: #686868;
  font-family: "Arial", Helvetica, sans-serif;
  padding-left: 115px;
  padding-right: 40px;
  font-weight: 100;
  margin-top: 90px;
  position: absolute;
  line-height: 1.5;
}
/* line 114, ../sass/_layout.scss */
.wrapper .content .page .banner h2 a {
  color: #686868;
  text-decoration: underline;
  z-index: 2;
}
/* line 119, ../sass/_layout.scss */
.wrapper .content .page .banner h2 a:hover {
  color: #686868;
  text-decoration: none;
}
/* line 124, ../sass/_layout.scss */
.wrapper .content .page .submenu-container {
  margin: 0px;
  height: 50px;
  width: 100%;
  background-image: url("../img/submenu_rpt.png");
  background-repeat: repeat-x;
  border: 1px solid #c9c9c9;
  border-right: none;
  border-left: none;
  padding: 0;
}
/* line 134, ../sass/_layout.scss */
.wrapper .content .page .submenu-container .submenu {
  margin-left: 115px;
  margin-right: 40px;
  font-family: "Arial", Helvetica, sans-serif;
  line-height: 48px;
}
/* line 139, ../sass/_layout.scss */
.wrapper .content .page .submenu-container .submenu .breadcrumbs {
  display: inline-block;
  max-width: 500px;
  color: #989898;
  font-size: 25.6px;
  font-size: 1.6rem;
}
/* line 146, ../sass/_layout.scss */
.wrapper .content .page .submenu-container .submenu .item-container {
  display: inline-block;
  float: right;
  font-size: 0;
}
/* line 150, ../sass/_layout.scss */
.wrapper .content .page .submenu-container .submenu .item-container .menu-item {
  display: inline-block;
  height: 48px;
  min-width: 120px;
  padding: 0 10px;
  color: #4597a9;
  text-align: center;
  cursor: pointer;
  font-size: 25.6px;
  font-size: 1.6rem;
  border: 1px solid #c9c9c9;
  border-bottom: none;
  border-top: none;
}
/* line 164, ../sass/_layout.scss */
.wrapper .content .page .submenu-container .submenu .item-container .menu-item + .menu-item {
  margin-left: -1px;
}
/* line 167, ../sass/_layout.scss */
.wrapper .content .page .submenu-container .submenu .item-container .selected {
  background: url("../img/submenu_down_rpt.png");
  background-repeat: repeat-x;
  cursor: default;
}
/* line 172, ../sass/_layout.scss */
.wrapper .content .page .submenu-container .submenu .item-container .save {
  background-image: url("../img/save_rpt.png");
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  color: #ffffff;
}
.wrapper .content .page .submenu-container .submenu .item-container .save:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.wrapper .content .page .subpage {
  display: none;
}
.wrapper .content .form-area {
  margin: 0 120px;
  font-size: 24px;
  font-size: 1.5rem;
  color: #525252;
  font-family: "Arial", Helvetica, sans-serif;
}
.wrapper .content .form-area.advanced {
  display: none;
}
.wrapper .content .form-area .break {
  margin: 10px 0 15px 0;
}
.wrapper .content .form-area h3 {
  background: url("../img/icon-section-left.png") no-repeat;
  padding-left: 15px;
  margin-top: 30px;
  font-size: 13pt;
  font-weight: bold;
  color: #56583f;
  font-family: "Arial", Helvetica, sans-serif;
}
.wrapper .content .form-area .row {
  margin: 5px 0;
}
.wrapper .content .form-area .rowlabel {
  display: inline-block;
  width: 240px;
  text-align: right;
  line-height: 40px;
  padding-right: 5px;
}
.wrapper .content .form-area input[type="text"], .wrapper .content .form-area input[type="password"] {
  border: 1px solid #4598aa;
  height: 30px;
  margin: 0 0 0 0px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  width: 200px;
  color: #161616;
}
.wrapper .content .form-area .desc {
  margin-left: 10px;
}
.wrapper .content .advanced-area {
  width: 960px;
  text-align: right;
  margin-top: 20px;
}
.wrapper .content .advanced-link {
  background: url("../img/advanced_arrow.png");
  background-repeat: no-repeat;
  background-position: right top;
  color: #59a1b5;
  font-size: 12pt;
  font-family: "Arial", Helvetica, sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
  padding-right: 24px;
}
.wrapper .content .advanced-link.opened {
  background: url("../img/advanced_arrow.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}
.wrapper .footer {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 10pt;
  height: 80px;
  line-height: 24px;
  text-align: center;
  color: #565656;
  margin-top: 40px;
  padding-top: 40px;
}
.wrapper .footer.tiny-footer {
  height: 24px;
  line-height: 24px;
  margin-top: 20px;
  padding-top: 0;
}
.content .login {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 15px;
}
.content .login .login-form {
  margin: 50px auto -50px auto;
}
.content .login .login-form > div {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.content .login .login-form .lang-block {
  height: 45px;
}
.content .login .login-form .lang-block .lang {
  float: right;
}
.content .login .login-form .lang-block .lang-label {
  margin-right: 5px;
}
.content .login .login-form .form {
  position: relative;
  width: 420px;
  height: 255px;
  -webkit-border-radius: 7px 6px;
  -moz-border-radius: 7px / 6px;
  border-radius: 7px / 6px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 -1px white, rgba(207, 207, 207, 0.7) 0 1px 5px;
  -moz-box-shadow: inset 0 -1px white, rgba(207, 207, 207, 0.7) 0 1px 5px;
  box-shadow: inset 0 -1px white, rgba(207, 207, 207, 0.7) 0 1px 5px;
  border: 1px solid #cfcfcf;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEDEDED');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(25%, #ffffff), color-stop(70%, #f4f4f4), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(#ffffff 25%, #f4f4f4 70%, #ededed);
  background-image: -moz-linear-gradient(#ffffff 25%, #f4f4f4 70%, #ededed);
  background-image: linear-gradient(#ffffff 25%, #f4f4f4 70%, #ededed);
}
.content .login .login-form .form .inner-block {
  width: 235px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.content .login .login-form .form .inner-block > * {
  font-size: 15px;
}
.content .login .login-form .form .input-label {
  width: 235px;
  height: 32px;
  line-height: 32px;
  font-weight: bold;
}
.content .login .login-form .form input {
  width: 235px;
  height: 32px;
  border: 1px solid #4598aa;
  text-align: center;
}
.content .login .login-form .form .btn {
  display: block;
  width: 113px;
  height: 32px;
  text-align: center;
  background-color: #4598aa;
  border: 1px solid #4598aa;
  color: #FFF;
  margin: 15px auto 0 auto;
}
.content .login .login-form .form.admin .inner-block {
  height: 111px;
}
.content .login .login-form .form.user {
  display: none;
}
.content .login .login-form .form.user .inner-block {
  height: 175px;
}
.content .login .login-form .login-type {
  text-align: center;
  margin-top: 20px;
}
.content .login .login-form .login-type > span {
  display: inline-block;
  margin: 0 15px;
}
.content .login .login-form .login-type > span.hide {
  color: #4598aa;
  text-decoration: underline;
  cursor: pointer;
}
.content .login .sbHolder, .content .login .sbOptions, .content .login .sbSelector {
  width: 130px;
}
.nav {
  font-family: "Arial", Helvetica, sans-serif;
  display: inline-block;
  background-color: #FFFFF;
  font-size: 15px;
  letter-spacing: 0px;
  font-weight:bold;
  width: 255px;
}
.nav .menu .menu-item {
	font-family: "Arial", Helvetica, sans-serif;
	font-weight:bold;
	border-bottom-style:dashed;
	border-width:1px;
	border-bottom-color:#999999;
	position: relative;
	height: 50px;
	line-height: 50px;
	padding-left: 5px;
	color: #00677F;
	cursor: pointer;
	background-color: #FFFFFF;
}
.nav .menu .menu-item .menu-item{
  position: relative;
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
  color: #00677F;
  cursor: pointer;
  background-color: #EFF7F9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.nav .menu .menu-item:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  background-color: #24A5B9;
  color: #FFF;
}
.nav .menu .menu-item.current-page {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.nav .menu .menu-item.current-page:before {
  content: '';
  display: block;
  position: absolute;
  height: 45px;
  width: 8px;
  margin-left: -25px;
  background-color: #4598aa;
  background-image: url("../images/Setup_menu_select_BG.gif")
}
.nav .menu .menu-item img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.nav .menu .menu-item .menu-text {
	font-family: "Arial", Helvetica, sans-serif;
	font-weight:bold;
	vertical-align: middle;
}
.nav .menu .menu-item .folder {
  position: absolute;
  display: inline-block;
  right: 5px; //25px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 6px; //15px;
  height: 6px; //15px;
  background-repeat: no-repeat;
  background-position: center center;
}
.nav .menu .menu-item .folder.open {
  background-image: url("../images/Minus.gif"); //url("../img/icon-menu-minus.gif");
}
.nav .menu .menu-item.logout {
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 100px;
  padding: 0;
}
.nav .menu .sub-menu {
  display: none;
}
.nav .menu .sub-menu .menu-item {
  padding-left: 35px; //60px;
}
.nav .menu .sub-menu .menu-item.current-page:before {
  margin-left: -60px;
}
.nav .menu .sub-menu.show {
  display: block;
}

.livevideo-toolbar-item, .content .livevideo .toolbar .enable .item-block .item, .content .livevideo .toolbar .enable .btn-add, .content .livevideo .toolbar .enable .btn-remove, .content .livevideo .toolbar .enable .ui-sortable-placeholder, .content .livevideo .toolbar .disable .item-block .item {
  display: inline-block;
  position: relative;
  width: 65px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/bg-toolbar-circle.png");
  margin: 0 3px;
  cursor: pointer;
}
.livevideo-toolbar-item img, .content .livevideo .toolbar .enable .item-block .item img, .content .livevideo .toolbar .enable .btn-add img, .content .livevideo .toolbar .enable .btn-remove img, .content .livevideo .toolbar .enable .ui-sortable-placeholder img, .content .livevideo .toolbar .disable .item-block .item img {
  display: none;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
}
.livevideo-toolbar-item-block, .content .livevideo .toolbar .enable .item-block, .content .livevideo .toolbar .disable .item-block {
  display: inline-block;
  width: 640px;
  height: 65px;
}
.item-droplist, .item-droplist-short, .content .livevideo .toolbar .profile-box, .content .livevideo .toolbar .irled-box, .item-droplist-long, .content .livevideo .toolbar .zoom-box, .content .livevideo .toolbar .talk-box, .content .livevideo .toolbar .listen-box, .content .livevideo .toolbar .location-box {
  position: relative;
  display: none;
  margin: 0 3px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 65px;
}
.item-droplist-short, .content .livevideo .toolbar .profile-box, .content .livevideo .toolbar .irled-box {
  height: 130px;
}
.item-droplist-long, .content .livevideo .toolbar .zoom-box, .content .livevideo .toolbar .talk-box, .content .livevideo .toolbar .listen-box {
  height: 170px;
}
.content .livevideo {
  outline: 0;
}
.content .livevideo .video {
  position: relative;
  width: 895px;
  margin: 0 auto;
  padding-left: 100px;
}
.content .livevideo .video .stream-player {
  position: relative;
  width: 640px;
  height: 360px;
  margin: 40px 0;
  -webkit-box-shadow: 0 0 20px #999999;
  -moz-box-shadow: 0 0 20px #999999;
  box-shadow: 0 0 20px #999999;
}
.content .livevideo .video .stream-player .toolbar-btnHelp {
  position: absolute;
  right: -54px;
  bottom: 0;
  width: 22px;
  height: 22px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-image: url("../img/icon-toolbar-help.png");
}
.content .livevideo .video .stream-player .toolbar-btnHelp:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  cursor: pointer;
}
.content .livevideo .video .ptcontrol {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  background-image: url("../img/bg-dpad.png");
}
.content .livevideo .video .ptcontrol .direction {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  margin: auto;
}
.content .livevideo .video .ptcontrol .direction.left-up {
  top: 0;
  left: 0;
  background-image: url("../img/icon-dpad-leftup.png");
}
.content .livevideo .video .ptcontrol .direction.up {
  top: 0;
  left: 0;
  right: 0;
  background-image: url("../img/icon-dpad-up.png");
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.content .livevideo .video .ptcontrol .direction.right-up {
  top: 0;
  right: 0;
  background-image: url("../img/icon-dpad-rightup.png");
}
.content .livevideo .video .ptcontrol .direction.left {
  top: 0;
  bottom: 0;
  left: 0;
  background-image: url("../img/icon-dpad-left.png");
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
/* line 57, ../sass/_livevideo_ptcontrol.scss */
.content .livevideo .video .ptcontrol .direction.home {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/icon-dpad-home.png");
}
/* line 65, ../sass/_livevideo_ptcontrol.scss */
.content .livevideo .video .ptcontrol .direction.right {
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url("../img/icon-dpad-right.png");
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 74, ../sass/_livevideo_ptcontrol.scss */
.content .livevideo .video .ptcontrol .direction.left-down {
  left: 0;
  bottom: 0;
  background-image: url("../img/icon-dpad-leftdown.png");
}
/* line 80, ../sass/_livevideo_ptcontrol.scss */
.content .livevideo .video .ptcontrol .direction.down {
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/icon-dpad-down.png");
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 89, ../sass/_livevideo_ptcontrol.scss */
.content .livevideo .video .ptcontrol .direction.right-down {
  right: 0;
  bottom: 0;
  background-image: url("../img/icon-dpad-rightdown.png");
}
/* line 1, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar {
  position: relative;
  margin-top: 10px;
}
/* line 4, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable {
  width: 895px;
  margin: 0 auto;
}
/* line 7, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable > * {
  vertical-align: middle;
}
/* line 10, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .item-block {
  text-align: center;
}
/* line 15, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .item-block .item img.normal {
  display: inline-block;
}
/* line 18, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .item-block .item.current-item {
  background-image: url("../img/bg-toolbar-droplist-top.png");
}
/* line 21, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .item-block .item.current-state {
  background-image: url("../img/bg-toolbar-droplist-top-b.png");
}
/* line 23, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .item-block .item.current-state img.normal {
  display: none;
}
/* line 26, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .item-block .item.current-state img.reverse {
  display: inline-block;
}
/* line 32, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .btn-add {
  background-image: url("../img/icon-toolbar-add.png");
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  margin-right: 30px;
  cursor: pointer;
}
/* line 41, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .btn-remove {
  background-image: url("../img/icon-toolbar-remove.png");
  background-repeat: no-repeat;
  background-position: center center;
  border: 0;
  margin-left: 65px;
}
/* line 48, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .btn-remove.drop-hover {
  background-image: url("../img/icon-toolbar-remove-over.png");
}
/* line 53, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .ui-sortable-helper.drop-over {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 57, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .enable .ui-sortable-placeholder {
  background-image: url("../img/bg-toolbar-circle-dotted.png");
}
/* line 64, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .disable {
  display: none;
  height: 65px;
  padding: 15px;
  background-color: #4598aa;
  margin-top: 10px;
  text-align: center;
  background-image: url("../img/addbox_bg_repeat.png");
  background-repeat: repeat-x;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* line 75, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .disable .item-block {
  width: 711px;
  text-align: left;
  margin-left: -186px;
  position: relative;
}
/* line 83, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .disable .item-block:before {
  content: '';
  width: 31px;
  height: 30px;
  position: absolute;
  top: -31px;
  left: 20px;
  background-image: url("../img/addbox_bg_tri.png");
}
/* line 92, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .disable .item-block .item {
  cursor: pointer;
  background-image: url("../img/bg-toolbar-circle-w.png");
}
/* line 98, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .disable .item-block .item img.reverse {
  display: inline-block;
}
/* line 104, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .toolbar-help {
  display: inline-block;
  position: absolute;
  background-color: rgba(32, 32, 32, 0.9);
  top: -25px;
  width: 744px;
  min-height: 120px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 15px 10px;
}
/* line 121, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .toolbar-help .closer {
  display: inline-block;
  float: right;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}
/* line 130, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .toolbar-help.hide {
  display: none;
}
/* line 133, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .toolbar-help:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(32, 32, 32, 0.9);
  position: absolute;
  top: -8px;
  right: 28px;
}
/* line 144, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .toolbar-help ul {
  padding-left: 20px;
}
/* line 151, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item, .content .livevideo .toolbar .irled-box .item {
  position: relative;
  width: 65px;
  height: 65px;
  cursor: pointer;
  background-image: url("../img/bg-toolbar-droplist-bottom.png");
  background-repeat: no-repeat;
  background-position: bottom center;
}
/* line 159, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item.middle, .content .livevideo .toolbar .irled-box .item.middle {
  background-image: url("../img/bg-toolbar-droplist-middle.png");
}
/* line 161, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item.middle.current-state, .content .livevideo .toolbar .irled-box .item.middle.current-state {
  background-image: url("../img/bg-toolbar-droplist-middle-b.png");
}
/* line 163, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item.middle.current-state img.normal, .content .livevideo .toolbar .irled-box .item.middle.current-state img.normal {
  display: none;
}
/* line 166, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item.middle.current-state img.reverse, .content .livevideo .toolbar .irled-box .item.middle.current-state img.reverse {
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 172, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item.current-state, .content .livevideo .toolbar .irled-box .item.current-state {
  background-image: url("../img/bg-toolbar-droplist-bottom-b.png");
}
/* line 174, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item.current-state img.normal, .content .livevideo .toolbar .irled-box .item.current-state img.normal {
  display: none;
}
/* line 177, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item.current-state img.reverse, .content .livevideo .toolbar .irled-box .item.current-state img.reverse {
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 182, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item img, .content .livevideo .toolbar .irled-box .item img {
  display: none;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 193, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item img:hover, .content .livevideo .toolbar .irled-box .item img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 196, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .profile-box .item img.normal, .content .livevideo .toolbar .irled-box .item img.normal {
  display: inline-block;
}
/* line 204, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .zoom-box .slider-container {
  position: relative;
  width: 65px;
  height: 120px;
  background-image: url("../img/bg-toolbar-droplist-middle.png");
  background-repeat: repeat-y;
  background-position: top center;
}
/* line 211, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .zoom-box .slider-container .slider-v {
  margin-left: 20px;
}
/* line 213, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .zoom-box .slider-container .slider-v.ui-slider-vertical {
  height: 100%;
}
/* line 217, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .zoom-box .slider-container .zoom-scale {
  position: absolute;
  top: -8px;
  right: 8px;
  color: #AAA;
  font-size: 20.8px;
  font-size: 1.3rem;
}
/* line 223, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .zoom-box .slider-container .zoom-scale div + div {
  margin-top: 21px;
}
/* line 227, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .zoom-box .slider-container .bottom-space {
  width: 65px;
  height: 35px;
  background-image: url("../img/bg-toolbar-droplist-bottom.png");
  background-repeat: no-repeat;
  background-position: bottom center;
}
/* line 238, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .talk-box .slider-container, .content .livevideo .toolbar .listen-box .slider-container {
  width: 65px;
  height: 104px;
  padding-top: 5px;
  background-image: url("../img/bg-toolbar-droplist-middle.png");
  background-repeat: repeat-y;
  background-position: top center;
}
/* line 245, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .talk-box .slider-container .slider-v, .content .livevideo .toolbar .listen-box .slider-container .slider-v {
  margin-left: 26px;
}
/* line 247, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .talk-box .slider-container .slider-v:before, .content .livevideo .toolbar .listen-box .slider-container .slider-v:before {
  position: absolute;
  content: '';
  top: -7.5px;
  right: -25px;
  color: #AAA;
  width: 15px;
  height: 15px;
  background-image: url("../img/scale-toolbar-plus.png");
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 259, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .talk-box .slider-container .slider-v:after, .content .livevideo .toolbar .listen-box .slider-container .slider-v:after {
  position: absolute;
  content: '';
  bottom: -7.5px;
  right: -25px;
  color: #AAA;
  width: 15px;
  height: 15px;
  background-image: url("../img/scale-toolbar-minus.png");
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 273, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .talk-box .mute, .content .livevideo .toolbar .listen-box .mute {
  position: relative;
  width: 65px;
  height: 65px;
  background-image: url("../img/bg-toolbar-droplist-bottom.png");
  background-repeat: no-repeat;
  background-position: bottom center;
}
/* line 280, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .talk-box .mute img, .content .livevideo .toolbar .listen-box .mute img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  cursor: pointer;
}
/* line 293, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .talk-box .mute.muted img, .content .livevideo .toolbar .listen-box .mute.muted img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 299, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .location-box {
  width: 201px;
  height: 138px;
  background-image: url("../img/bg-toolbar-droplist-location.png");
  padding-top: 5px;
  padding-left: 2px;
}
/* line 306, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .location-box .preset-list {
  overflow-y: scroll;
  width: 197px;
  height: 130px;
}
/* line 310, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .location-box .preset-list .preset, .content .livevideo .toolbar .location-box .preset-list .cameracontrol .patrol-setup .patrol-sequence .patrol-points .ui-sortable-placeholder, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .livevideo .toolbar .location-box .preset-list .ui-sortable-placeholder {
  font-size: 19.2px;
  font-size: 1.2rem;
  color: #777;
  width: 100%;
  padding: 6px 10px 6px 20px;
  cursor: pointer;
}
/* line 318, ../sass/_livevideo_toolbar.scss */
.content .livevideo .toolbar .location-box .preset-list .preset:hover, .content .livevideo .toolbar .location-box .preset-list .cameracontrol .patrol-setup .patrol-sequence .patrol-points .ui-sortable-placeholder:hover, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .livevideo .toolbar .location-box .preset-list .ui-sortable-placeholder:hover, .content .livevideo .toolbar .location-box .preset-list .preset.clicked, .content .livevideo .toolbar .location-box .preset-list .cameracontrol .patrol-setup .patrol-sequence .patrol-points .clicked.ui-sortable-placeholder, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .livevideo .toolbar .location-box .preset-list .clicked.ui-sortable-placeholder {
  background-color: #DBEAED;
}
/* line 110, ../sass/_livevideo.scss */
.content .livevideo .install-plugin {
  display: none;
  font-family: "Arial", Helvetica, sans-serif;
  line-height: 1.5em;
  width: 80%;
  height: 5em;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 1, ../sass/_wizard.scss */
.content .wizard {
  margin-top: 30px;
  height: 475px;
}

/* line 7, ../sass/_wizard.scss */
.setup-wizard-current-step .icon, #setup-wizard.step2 .pagination .step-container .step1 .icon, #setup-wizard.step3 .pagination .step-container .step1 .icon, #setup-wizard.step4 .pagination .step-container .step1 .icon, #setup-wizard.step5 .pagination .step-container .step2 .icon, #setup-wizard.step6 .pagination .step-container .step3 .icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 10, ../sass/_wizard.scss */
.setup-wizard-current-step .text, #setup-wizard.step2 .pagination .step-container .step1 .text, #setup-wizard.step3 .pagination .step-container .step1 .text, #setup-wizard.step4 .pagination .step-container .step1 .text, #setup-wizard.step5 .pagination .step-container .step2 .text, #setup-wizard.step6 .pagination .step-container .step3 .text {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 13, ../sass/_wizard.scss */
.setup-wizard-current-step:before, #setup-wizard.step2 .pagination .step-container .step1:before, #setup-wizard.step3 .pagination .step-container .step1:before, #setup-wizard.step4 .pagination .step-container .step1:before, #setup-wizard.step5 .pagination .step-container .step2:before, #setup-wizard.step6 .pagination .step-container .step3:before {
  display: block;
}

/* line 19, ../sass/_wizard.scss */
.setup-wizard-step-ok .icon, #setup-wizard.step5 .pagination .step-container .step1 .icon, #setup-wizard.step6 .pagination .step-container .step1 .icon, #setup-wizard.step6 .pagination .step-container .step2 .icon, #setup-wizard.step7 .pagination .step-container .step1 .icon, #setup-wizard.step7 .pagination .step-container .step2 .icon, #setup-wizard.step7 .pagination .step-container .step3 .icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
/* line 22, ../sass/_wizard.scss */
.setup-wizard-step-ok img, #setup-wizard.step5 .pagination .step-container .step1 img, #setup-wizard.step6 .pagination .step-container .step1 img, #setup-wizard.step6 .pagination .step-container .step2 img, #setup-wizard.step7 .pagination .step-container .step1 img, #setup-wizard.step7 .pagination .step-container .step2 img, #setup-wizard.step7 .pagination .step-container .step3 img {
  position: absolute;
  display: block;
  right: 0;
  top: 11px;
}
/* line 28, ../sass/_wizard.scss */
.setup-wizard-step-ok .text, #setup-wizard.step5 .pagination .step-container .step1 .text, #setup-wizard.step6 .pagination .step-container .step1 .text, #setup-wizard.step6 .pagination .step-container .step2 .text, #setup-wizard.step7 .pagination .step-container .step1 .text, #setup-wizard.step7 .pagination .step-container .step2 .text, #setup-wizard.step7 .pagination .step-container .step3 .text {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

/* line 33, ../sass/_wizard.scss */
#setup-wizard {
  display: none;
  width: 724px;
  height: 475px;
  position: fixed;
  top: 50%;
  margin-top: -238px;
  background-color: #FFF;
  z-index: 3;
  left: 50%;
  margin-left: -362px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: black 0 0 10px;
  -moz-box-shadow: black 0 0 10px;
  box-shadow: black 0 0 10px;
  font-family: "Arial", Helvetica, sans-serif;
}
/* line 47, ../sass/_wizard.scss */
#setup-wizard * {
  box-sizing: border-box;
}
/* line 50, ../sass/_wizard.scss */
#setup-wizard .header {
  position: relative;
  padding-left: 90px;
  padding-top: 40px;
  margin-bottom: 20px;
}
/* line 57, ../sass/_wizard.scss */
#setup-wizard .header .title {
  font-size: 38.4px;
  font-size: 2.4rem;
  color: #4598aa;
  font-weight: bold;
}
/* line 64, ../sass/_wizard.scss */
#setup-wizard .header .closer {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 30px;
  right: 30px;
  background-image: url("../img/icon-popupwindow-close.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 75, ../sass/_wizard.scss */
#setup-wizard .header .closer:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 80, ../sass/_wizard.scss */
#setup-wizard .pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #F3F3F3;
}
/* line 88, ../sass/_wizard.scss */
#setup-wizard .pagination .previous {
  display: inline-block;
  height: 100%;
  width: 90px;
  background-color: #4598aa;
  float: left;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-image: url("../img/icon-wizard-previous.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
/* line 100, ../sass/_wizard.scss */
#setup-wizard .pagination .next {
  display: inline-block;
  height: 100%;
  width: 90px;
  background-color: #4598aa;
  float: right;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-image: url("../img/icon-wizard-next.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
/* line 112, ../sass/_wizard.scss */
#setup-wizard .pagination .step-container {
  margin: 0 auto;
  width: 540px;
  text-align: center;
  padding-top: 20px;
}
/* line 118, ../sass/_wizard.scss */
#setup-wizard .pagination .step-container .step {
  display: inline-block;
  position: relative;
  width: 70px;
  color: #4598aa;
}
/* line 124, ../sass/_wizard.scss */
#setup-wizard .pagination .step-container .step .icon {
  height: 40px;
  width: 40px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 136, ../sass/_wizard.scss */
#setup-wizard .pagination .step-container .step img {
  display: none;
}
/* line 139, ../sass/_wizard.scss */
#setup-wizard .pagination .step-container .step .text {
  text-align: center;
  color: #4DB4CB;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  font-size: 20.8px;
  font-size: 1.3rem;
}
/* line 145, ../sass/_wizard.scss */
#setup-wizard .pagination .step-container .step:before {
  display: none;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: -32px;
  left: 20px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 12px solid #F3F3F3;
}
/* line 160, ../sass/_wizard.scss */
#setup-wizard .pagination .step-container .step1 .icon {
  background-image: url("../img/icon-wizard-step1.png");
}
/* line 165, ../sass/_wizard.scss */
#setup-wizard .pagination .step-container .step2 .icon {
  background-image: url("../img/icon-wizard-step2.png");
}
/* line 170, ../sass/_wizard.scss */
#setup-wizard .pagination .step-container .step3 .icon {
  background-image: url("../img/icon-wizard-step3.png");
}
/* line 174, ../sass/_wizard.scss */
#setup-wizard .pagination .step-container .line {
  display: inline-block;
  width: 60px;
  height: 2px;
  margin: 20px 10px 0 10px;
  vertical-align: top;
  background-color: #4DB4CB;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 185, ../sass/_wizard.scss */
#setup-wizard .page {
  display: none;
  padding-left: 90px;
  padding-right: 90px;
}
/* line 189, ../sass/_wizard.scss */
#setup-wizard .page .row {
  margin-bottom: 20px;
  font-size: 22.4px;
  font-size: 1.4rem;
  color: #868686;
}
/* line 195, ../sass/_wizard.scss */
#setup-wizard .page .block .row {
  margin-bottom: 10px;
}
/* line 197, ../sass/_wizard.scss */
#setup-wizard .page .block .row .col1 {
  display: inline-block;
  text-align: right;
  font-size: 24px;
  font-size: 1.5rem;
}
/* line 203, ../sass/_wizard.scss */
#setup-wizard .page .block .row .col2 {
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
  margin-left: 10px;
}
/* line 209, ../sass/_wizard.scss */
#setup-wizard .page .block input[type="text"], #setup-wizard .page .block input[type="password"] {
  border: 1px solid #4598aa;
  height: 30px;
  margin: 0 0 0 0px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  width: 200px;
  color: #161616;
}
/* line 222, ../sass/_wizard.scss */
#setup-wizard .page1 .block {
  margin-left: 75px;
}
/* line 224, ../sass/_wizard.scss */
#setup-wizard .page1 .block img {
  float: left;
  margin-right: 25px;
}
/* line 228, ../sass/_wizard.scss */
#setup-wizard .page1 .block .step {
  font-size: 25.6px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #868686;
  padding-top: 15px;
}
/* line 234, ../sass/_wizard.scss */
#setup-wizard .page1 .block .desc {
  font-size: 22.4px;
  font-size: 1.4rem;
  color: #868686;
  padding-bottom: 25px;
}
/* line 243, ../sass/_wizard.scss */
#setup-wizard .page2 .row label {
  vertical-align: middle;
}
/* line 250, ../sass/_wizard.scss */
#setup-wizard .page3 .block .col1 {
  width: 70px;
}
/* line 254, ../sass/_wizard.scss */
#setup-wizard .page3 .connection-type {
  display: none;
}
/* line 257, ../sass/_wizard.scss */
#setup-wizard .page3 .network-type {
  font-weight: bold;
}
/* line 261, ../sass/_wizard.scss */
#setup-wizard .page3 .static-ip .col1 {
  width: 120px;
}
/* line 266, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .row {
  margin-bottom: 15px;
}
/* line 269, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .function {
  float: right;
}
/* line 271, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .function .rescan {
  width: 80px;
  height: 25px;
  padding: 0;
  font-size: 22.4px;
  font-size: 1.4rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  background-color: #3F9EB3;
}
/* line 282, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .function .rescan img, #setup-wizard .page3 .wifi .function .rescan span {
  vertical-align: middle;
}
/* line 287, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .site-survey {
  position: relative;
  width: 100%;
  height: 165px;
  border: 1px solid #BEBEBE;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}
/* line 294, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .site-survey .ap-list {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  overflow-y: scroll;
}
/* line 301, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .site-survey .ap-list .item {
  @inlcude rem(font-size, 1.3);
  width: 100%;
}
/* line 305, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .site-survey .ap-list .item * {
  vertical-align: middle;
}
/* line 308, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .site-survey .ap-list .item .bigpoint {
  margin-left: 40px;
}
/* line 311, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .site-survey .ap-list .item .ssid {
  display: inline-block;
  margin-left: 20px;
  max-width: 265px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 319, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .site-survey .ap-list .item .lock {
  float: right;
  margin-right: 13px;
}
/* line 323, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .site-survey .ap-list .item .signal {
  float: right;
  margin-right: 70px;
}
/* line 328, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .site-survey .ap-list .item + .item {
  margin-top: 8px;
}
/* line 334, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .block .row {
  margin-bottom: 5px;
}
/* line 336, ../sass/_wizard.scss */
#setup-wizard .page3 .wifi .block .row .col1 {
  width: 130px;
}
/* line 344, ../sass/_wizard.scss */
#setup-wizard .page4 #setup-wizard-loading {
  width: 50px;
  height: 50px;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
}
/* line 351, ../sass/_wizard.scss */
#setup-wizard .page4 .text {
  margin-top: 20px;
  text-align: center;
}
/* line 358, ../sass/_wizard.scss */
#setup-wizard .page5 .block .col1 {
  width: 170px;
}
/* line 362, ../sass/_wizard.scss */
#setup-wizard .page5 .block .col2 input[id=setup-wizard-management-link] {
  margin: 0 5px;
}
/* line 370, ../sass/_wizard.scss */
#setup-wizard .page6 .block .col1 {
  width: 150px;
}
/* line 373, ../sass/_wizard.scss */
#setup-wizard .page6 .block .mydlink-account-old-form {
  display: block;
}
/* line 376, ../sass/_wizard.scss */
#setup-wizard .page6 .block .mydlink-account-new-form {
  display: none;
}
/* line 379, ../sass/_wizard.scss */
#setup-wizard .page6 .block #mydlink-account-new-email, #setup-wizard .page6 .block #mydlink-account-old-email {
  width: 310px;
}
/* line 382, ../sass/_wizard.scss */
#setup-wizard .page6 .block #mydlink-account-new-password, #setup-wizard .page6 .block #mydlink-account-new-confirm-password, #setup-wizard .page6 .block #mydlink-account-old-password {
  width: 190px;
}
/* line 385, ../sass/_wizard.scss */
#setup-wizard .page6 .block .terms {
  padding-left: 20px;
}
/* line 387, ../sass/_wizard.scss */
#setup-wizard .page6 .block .terms .link {
  color: #3AA9C1;
  text-decoration: underline;
  cursor: pointer;
}
/* line 396, ../sass/_wizard.scss */
#setup-wizard .page7 .block {
  margin-top: 15px;
  margin-left: 95px;
}
/* line 399, ../sass/_wizard.scss */
#setup-wizard .page7 .block .row {
  margin-bottom: 15px;
}
/* line 401, ../sass/_wizard.scss */
#setup-wizard .page7 .block .row img {
  vertical-align: middle;
  margin-right: 10px;
}
/* line 405, ../sass/_wizard.scss */
#setup-wizard .page7 .block .row img + div {
  display: inline-block;
  vertical-align: middle;
  color: #595959;
}
/* line 409, ../sass/_wizard.scss */
#setup-wizard .page7 .block .row img + div > div {
  margin: 5px 0;
}
/* line 412, ../sass/_wizard.scss */
#setup-wizard .page7 .block .row img + div .variable {
  color: #4598aa;
  margin-left: 5px;
}
/* line 422, ../sass/_wizard.scss */
#setup-wizard.step1 .page1 {
  display: block;
}
/* line 426, ../sass/_wizard.scss */
#setup-wizard.step1 .pagination .previous {
  display: none;
}
/* line 429, ../sass/_wizard.scss */
#setup-wizard.step1 .pagination .step-container {
  display: none;
}
/* line 435, ../sass/_wizard.scss */
#setup-wizard.step2 .page2 {
  display: block;
}
/* line 439, ../sass/_wizard.scss */
#setup-wizard.step2 .pagination .previous {
  display: none;
}
/* line 450, ../sass/_wizard.scss */
#setup-wizard.step3 .page3 {
  display: block;
}
/* line 462, ../sass/_wizard.scss */
#setup-wizard.step4 .page4 {
  display: block;
}
/* line 466, ../sass/_wizard.scss */
#setup-wizard.step4 .pagination .previous, #setup-wizard.step4 .pagination .next {
  display: none;
}
/* line 477, ../sass/_wizard.scss */
#setup-wizard.step5 .page5 {
  display: block;
}
/* line 481, ../sass/_wizard.scss */
#setup-wizard.step5 .pagination .previous {
  display: none;
}
/* line 495, ../sass/_wizard.scss */
#setup-wizard.step6 .page6 {
  display: block;
}
/* line 499, ../sass/_wizard.scss */
#setup-wizard.step6 .pagination .previous {
  display: none;
}
/* line 513, ../sass/_wizard.scss */
#setup-wizard.step7 .page7 {
  display: block;
}
/* line 517, ../sass/_wizard.scss */
#setup-wizard.step7 .pagination .previous {
  display: none;
}

/* line 4, ../sass/_network.scss */
.content .network .internet .form-area .ipv4-static, .content .network .internet .form-area .ipv4-pppoe, .content .network .internet .form-area .ipv6-static {
  display: none;
}
/* line 7, ../sass/_network.scss */
.content .network .internet .form-area .port {
  width: 70px;
}
/* line 14, ../sass/_network.scss */
.content .network .wireless .form-area .btn-rescan {
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  background-color: #3F9EB3;
  cursor: pointer;
  vertical-align: middle;
}
/* line 23, ../sass/_network.scss */
.content .network .wireless .form-area .btn-rescan img {
  vertical-align: middle;
}
/* line 27, ../sass/_network.scss */
.content .network .wireless .form-area .wireless-settings {
  display: none;
}
/* line 29, ../sass/_network.scss */
.content .network .wireless .form-area .wireless-settings select[name=wireless-ssid-list] + .sbHolder {
  width: 300px;
}
/* line 33, ../sass/_network.scss */
.content .network .wireless .form-area input[name=wireless-ssid] {
  width: 300px;
}
/* line 36, ../sass/_network.scss */
.content .network .wireless .form-area .ad-hoc-channel {
  display: none;
}
/* line 39, ../sass/_network.scss */
.content .network .wireless .form-area .ad-hoc-authentication {
  display: none;
}
/* line 42, ../sass/_network.scss */
.content .network .wireless .form-area .shared, .content .network .wireless .form-area .wpa {
  display: none;
}
/* line 45, ../sass/_network.scss */
.content .network .wireless .form-area .key {
  display: none;
}
/* line 50, ../sass/_network.scss */
.content .network .ipv6-address {
  width: 400px !important;
}
/* line 53, ../sass/_network.scss */
.content .network .ipv6-mask {
  width: 40px !important;
}
/* line 56, ../sass/_network.scss */
.content .network .slash {
  padding: 0 10px;
}

/* line 3, ../sass/_media.scss */
.content .media .submenu .menu-item.selected + .menu-item.save {
  display: none;
}
/* line 1, ../sass/_media_video_audio.scss */
.content .media .desc.warning {
  display: inline-block;
  margin-left: 245px;
  color: #F00;
  line-height: 22px;
  font-size: 20.8px;
  font-size: 1.3rem;
  padding-left: 25px;
  background-image: url("../img/icon-warning.png");
  background-repeat: no-repeat;
}
/* line 12, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector {
  list-style-type: none;
  padding-left: 0;
  width: 540px;
  margin: 30px auto;
}
/* line 17, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector li {
  display: inline-block;
  width: 180px;
  height: 40px;
  padding: 5px;
  text-align: center;
  border: 1px solid #D2D2D2;
  font-size: 24px;
  font-size: 1.5rem;
  color: #4598aa;
  cursor: pointer;
  background-color: #F6F6F6;
}
/* line 29, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector li:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
/* line 33, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector li:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* line 37, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector li.selected {
  color: #FFF;
  background-color: #4598aa;
  border-color: #4598aa;
}
/* line 42, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector li > * {
  vertical-align: middle;
}
/* line 46, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector li + li {
  margin-left: -1px;
}
/* line 49, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  margin-right: 5px;
}
/* line 57, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector .profile1 .icon {
  background-image: url("../img/icon-video-profile1.png");
}
/* line 60, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector .profile1.selected .icon {
  background-image: url("../img/icon-video-profile1-selected.png");
}
/* line 65, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector .profile2 .icon {
  background-image: url("../img/icon-video-profile2.png");
}
/* line 68, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector .profile2.selected .icon {
  background-image: url("../img/icon-video-profile2-selected.png");
}
/* line 73, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector .profile3 .icon {
  background-image: url("../img/icon-video-profile3.png");
}
/* line 76, ../sass/_media_video_audio.scss */
.content .media .video-profile-selector .profile3.selected .icon {
  background-image: url("../img/icon-video-profile3-selected.png");
}
/* line 81, ../sass/_media_video_audio.scss */
.content .media .profile-settings {
  display: none;
}
/* line 87, ../sass/_media_video_audio.scss */
.content .media .video-profile1-encode, .content .media .video-profile1-cbr, .content .media .video-profile1-quality,
.content .media .video-profile2-encode, .content .media .video-profile2-cbr, .content .media .video-profile2-quality,
.content .media .video-profile3-encode, .content .media .video-profile3-cbr, .content .media .video-profile3-quality {
  display: none;
}
/* line 91, ../sass/_media_video_audio.scss */
.content .media .audio-speaker-level {
  display: inline-block;
  width: 250px;
  margin-left: 10px;
}
/* line 1, ../sass/_media_image_setup.scss */
.content .media .image-frame {
  width: 652px;
  height: 372px;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #AAA;
}
/* line 7, ../sass/_media_image_setup.scss */
.content .media .image-frame .live-image {
  width: 640px;
  height: 360px;
}
/* line 16, ../sass/_media_image_setup.scss */
.content .media .image-toolbar {
  position: relative;
  margin-top: 40px;
}
/* line 19, ../sass/_media_image_setup.scss */
.content .media .image-toolbar .item-block {
  width: 652px;
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
/* line 25, ../sass/_media_image_setup.scss */
.content .media .image-toolbar .item-block .item {
  display: inline-block;
  position: relative;
  width: 65px;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/bg-toolbar-circle.png");
  margin: 0 10px;
  cursor: pointer;
}
/* line 35, ../sass/_media_image_setup.scss */
.content .media .image-toolbar .item-block .item img {
  display: none;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
}
/* line 45, ../sass/_media_image_setup.scss */
.content .media .image-toolbar .item-block .item img.normal {
  display: inline-block;
}
/* line 49, ../sass/_media_image_setup.scss */
.content .media .image-toolbar .item-block .item.current-item {
  background-image: url("../img/bg-toolbar-droplist-top.png");
}
/* line 56, ../sass/_media_image_setup.scss */
.content .media .dropbox {
  display: none;
  position: relative;
  margin: 0 10px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 65px;
  height: 170px;
}
/* line 66, ../sass/_media_image_setup.scss */
.content .media .dropbox.contrast .slider-container, .content .media .dropbox.brightness .slider-container, .content .media .dropbox.saturation .slider-container {
  position: relative;
  width: 65px;
  height: 120px;
  background-image: url("../img/bg-toolbar-droplist-middle.png");
  background-repeat: repeat-y;
  background-position: top center;
}
/* line 73, ../sass/_media_image_setup.scss */
.content .media .dropbox.contrast .slider-container .slider-v, .content .media .dropbox.brightness .slider-container .slider-v, .content .media .dropbox.saturation .slider-container .slider-v {
  margin-left: 26px;
  height: 100%;
}
/* line 76, ../sass/_media_image_setup.scss */
.content .media .dropbox.contrast .slider-container .slider-v:before, .content .media .dropbox.brightness .slider-container .slider-v:before, .content .media .dropbox.saturation .slider-container .slider-v:before {
  position: absolute;
  content: '';
  top: -7.5px;
  right: -25px;
  color: #AAA;
  width: 15px;
  height: 15px;
  background-image: url("../img/scale-toolbar-plus.png");
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 88, ../sass/_media_image_setup.scss */
.content .media .dropbox.contrast .slider-container .slider-v:after, .content .media .dropbox.brightness .slider-container .slider-v:after, .content .media .dropbox.saturation .slider-container .slider-v:after {
  position: absolute;
  content: '';
  bottom: -7.5px;
  right: -25px;
  color: #AAA;
  width: 15px;
  height: 15px;
  background-image: url("../img/scale-toolbar-minus.png");
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 101, ../sass/_media_image_setup.scss */
.content .media .dropbox.contrast .slider-container .bottom-space, .content .media .dropbox.brightness .slider-container .bottom-space, .content .media .dropbox.saturation .slider-container .bottom-space {
  width: 65px;
  height: 35px;
  background-image: url("../img/bg-toolbar-droplist-bottom.png");
  background-repeat: no-repeat;
  background-position: bottom center;
}
/* line 110, ../sass/_media_image_setup.scss */
.content .media .dropbox.whitebalance, .content .media .dropbox.powerline {
  height: 260px;
}
/* line 112, ../sass/_media_image_setup.scss */
.content .media .dropbox.whitebalance .item, .content .media .dropbox.powerline .item {
  position: relative;
  width: 65px;
  height: 65px;
  cursor: pointer;
  background-image: url("../img/bg-toolbar-droplist-bottom.png");
  background-repeat: no-repeat;
  background-position: bottom center;
}
/* line 120, ../sass/_media_image_setup.scss */
.content .media .dropbox.whitebalance .item.middle, .content .media .dropbox.powerline .item.middle {
  background-image: url("../img/bg-toolbar-droplist-middle.png");
}
/* line 123, ../sass/_media_image_setup.scss */
.content .media .dropbox.whitebalance .item img, .content .media .dropbox.powerline .item img {
  display: none;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 134, ../sass/_media_image_setup.scss */
.content .media .dropbox.whitebalance .item img:hover, .content .media .dropbox.powerline .item img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 137, ../sass/_media_image_setup.scss */
.content .media .dropbox.whitebalance .item img.normal, .content .media .dropbox.powerline .item img.normal {
  display: inline-block;
}
/* line 143, ../sass/_media_image_setup.scss */
.content .media .dropbox.powerline {
  height: 160px;
}

/* line 6, ../sass/_cameracontrol.scss */
.content .cameracontrol .snapshot, .content .cameracontrol .patrol-setup .patrol-sequence .snapshot-bubble {
  width: 180px;
  height: 101px;
}
/* line 10, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup {
  outline: none;
}
/* line 12, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-location-func {
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
/* line 17, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-location-func .btn-add-location {
  width: 145px;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
}
/* line 29, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-location-func .btn-add-location img {
  vertical-align: middle;
  margin-right: 5px;
}
/* line 33, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-location-func .btn-add-location span {
  font-size: 22.4px;
  font-size: 1.4rem;
  vertical-align: middle;
}
/* line 38, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-location-func .btn-refresh-location {
  min-width: 100px;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
}
/* line 51, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-location-func .btn-refresh-location img {
  vertical-align: middle;
  margin-right: 5px;
}
/* line 55, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-location-func .btn-refresh-location span {
  font-size: 22.4px;
  font-size: 1.4rem;
  vertical-align: middle;
}
/* line 61, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  width: 780px;
  margin: 7px auto 30px auto;
}
/* line 71, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel {
  width: 765px;
  height: 150px;
  overflow: hidden;
  margin: 0 auto;
}
/* line 77, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul {
  width: 3885px;
  margin: 0;
  padding: 0;
}
/* line 81, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 131px;
}
/* line 89, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li .function {
  position: relative;
  height: 30px;
}
/* line 93, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li .function .name {
  display: inline-block;
  color: #4598aa;
  line-height: 30px;
  padding-left: 5px;
  width: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 103, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li .function .icon {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 112, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li .function .icon:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 116, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li .function .delete {
  right: 0;
  background-image: url("../img/icon-patrol-remove.png");
}
/* line 121, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li .snapshot, .content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li .patrol-sequence .snapshot-bubble, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-locations .patrol-carousel ul li .snapshot-bubble {
  display: inline-block;
}
/* line 125, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li .snapshot-border {
  position: absolute;
  display: none;
  width: 180px;
  height: 101px;
  bottom: 0;
  border: 5px solid #3AC1DF;
}
/* line 134, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li.dashed {
  background-image: url("../img/icon-patrol-no-location.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* line 139, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li.dashed .add {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto 44px;
  width: 100px;
  height: 25px;
  text-align: center;
}
/* line 149, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li.dashed .add * {
  vertical-align: middle;
}
/* line 152, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li.dashed .add span {
  color: #AAA;
}
/* line 158, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .patrol-carousel ul li + li {
  margin-left: 15px;
}
/* line 163, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .previous {
  position: absolute;
  top: 0;
  left: -50px;
  width: 50px;
  height: 131px;
  background-image: url("../img/icon-patrol-previous.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 174, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .previous:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 178, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .next {
  position: absolute;
  top: 0;
  right: -50px;
  width: 50px;
  height: 131px;
  background-image: url("../img/icon-patrol-next.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 189, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-locations .next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 195, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .help {
  width: 780px;
  height: 35px;
  color: #717171;
  background-color: #F7F7F7;
  padding: 5px;
  text-align: center;
  margin: 0 auto;
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  -ms-border-radius: 17.5px;
  border-radius: 17.5px;
}
/* line 204, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .help img {
  vertical-align: middle;
  margin-right: 5px;
}
/* line 208, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .help span {
  vertical-align: middle;
  font-size: 22.4px;
  font-size: 1.4rem;
}
/* line 214, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence {
  position: relative;
  width: 780px;
  height: 380px;
  margin: 30px auto 0 auto;
}
/* line 220, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-points {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 0;
}
/* line 225, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .preset, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .ui-sortable-placeholder {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 120px;
  margin: 0 70px 30px 40px;
  vertical-align: top;
}
/* line 232, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .preset .btn-remove, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .ui-sortable-placeholder .btn-remove {
  position: absolute;
  width: 20px;
  height: 20px;
  right: -10px;
  top: -10px;
  background-image: url("../img/icon-patrol-remove.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
/* line 243, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .preset .icon, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .ui-sortable-placeholder .icon {
  width: 80px;
  height: 95px;
  margin: 0 auto;
  background-image: url("../img/icon-patrol-location.png");
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 251, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .preset .name, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .ui-sortable-placeholder .name {
  padding: 5px;
  color: #4598aa;
  text-align: center;
  font-size: 22.4px;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* line 261, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .preset.empty .btn-remove, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .empty.ui-sortable-placeholder .btn-remove {
  display: none;
}
/* line 264, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .preset.empty .icon, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .empty.ui-sortable-placeholder .icon {
  background-image: url("../img/icon-patrol-location-off.png");
}
/* line 267, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .preset.empty .name, .content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .empty.ui-sortable-placeholder .name {
  color: #AAA;
}
/* line 272, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .ui-sortable-placeholder {
  background-image: url("../img/icon-patrol-location-off.png");
  background-repeat: no-repeat;
  background-position: center top;
}
/* line 279, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-points .ui-sortable-helper .btn-remove {
  display: none;
}
/* line 284, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-arrows {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 288, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-arrows .arrow {
  display: inline-block;
  width: 50px;
  height: 120px;
  background-image: url("../img/icon-patrol-sequence-arrow.png");
  background-repeat: no-repeat;
  background-position: 50% 40%;
  margin-left: 142px;
  margin-bottom: 30px;
}
/* line 297, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .patrol-arrows .arrow.empty {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 302, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .snapshot-bubble {
  display: none;
  position: absolute;
  border: 5px solid #D4E7E6;
  box-sizing: content-box;
  background-color: #FFF;
  z-index: 2;
}
/* line 310, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .snapshot-bubble:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #D4E7E6;
  position: absolute;
  top: -13px;
  right: 81px;
}
/* line 321, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .patrol-sequence .snapshot-bubble img {
  width: 180px;
  height: 101px;
}
/* line 328, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .row.dwell {
  position: absolute;
  bottom: 0;
}
/* line 331, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .row.dwell .rowlabel {
  width: 200px;
}
/* line 334, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .row.dwell .sbHolder {
  width: 90px;
}
/* line 339, ../sass/_cameracontrol.scss */
.content .cameracontrol .patrol-setup .bottom {
  margin-top: 50px;
  text-align: center;
}
/* line 346, ../sass/_cameracontrol.scss */
.content .cameracontrol .speed-control .row {
  margin-bottom: 15px;
}
/* line 349, ../sass/_cameracontrol.scss */
.content .cameracontrol .speed-control .slider-container {
  display: inline-block;
  width: 200px;
  margin-left: 15px;
}

/* line 358, ../sass/_cameracontrol.scss */
#patrol-setup-popup .form {
  display: none;
  position: fixed;
  margin: 0 auto;
  width: 760px;
  left: 50%;
  margin-left: -380px;
  height: 420px;
  top: 50%;
  margin-top: -210px;
  background-color: #FFF;
  z-index: 3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: black 0 0 10px;
  -moz-box-shadow: black 0 0 10px;
  box-shadow: black 0 0 10px;
  font-family: "Arial", Helvetica, sans-serif;
}
/* line 373, ../sass/_cameracontrol.scss */
#patrol-setup-popup .form * {
  box-sizing: border-box;
}
/* line 376, ../sass/_cameracontrol.scss */
#patrol-setup-popup .form .header {
  position: relative;
  padding-left: 90px;
  padding-top: 40px;
  margin-bottom: 20px;
}
/* line 381, ../sass/_cameracontrol.scss */
#patrol-setup-popup .form .header .title {
  font-size: 38.4px;
  font-size: 2.4rem;
  color: #4598aa;
  font-weight: bold;
}
/* line 386, ../sass/_cameracontrol.scss */
#patrol-setup-popup .form .header .closer {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 30px;
  right: 30px;
  background-image: url("../img/icon-popupwindow-close.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 397, ../sass/_cameracontrol.scss */
#patrol-setup-popup .form .header .closer:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 402, ../sass/_cameracontrol.scss */
#patrol-setup-popup .form .content {
  padding: 10px 90px;
  font-size: 24px;
  font-size: 1.5rem;
}
/* line 406, ../sass/_cameracontrol.scss */
#patrol-setup-popup .form .footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  text-align: center;
}
/* line 415, ../sass/_cameracontrol.scss */
#patrol-setup-popup .preview {
  width: 780px;
  margin-left: -390px;
  height: 510px;
  margin-top: -255px;
}
/* line 420, ../sass/_cameracontrol.scss */
#patrol-setup-popup .preview .header {
  margin-bottom: 0;
}
/* line 423, ../sass/_cameracontrol.scss */
#patrol-setup-popup .preview .content {
  padding: 10px 69px;
}
/* line 425, ../sass/_cameracontrol.scss */
#patrol-setup-popup .preview .content .preview-image {
  width: 642px;
  height: 362px;
  border: 1px solid #DEDEDE;
}
/* line 429, ../sass/_cameracontrol.scss */
#patrol-setup-popup .preview .content .preview-image img {
  width: 640px;
  height: 360px;
}
/* line 435, ../sass/_cameracontrol.scss */
#patrol-setup-popup .preview .footer {
  height: 60px;
  text-align: right;
}
/* line 438, ../sass/_cameracontrol.scss */
#patrol-setup-popup .preview .footer .btn-replay {
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
  color: #4598aa;
  margin-right: 73px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 444, ../sass/_cameracontrol.scss */
#patrol-setup-popup .preview .footer .btn-replay.enable {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 447, ../sass/_cameracontrol.scss */
#patrol-setup-popup .preview .footer .btn-replay.enable:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 451, ../sass/_cameracontrol.scss */
#patrol-setup-popup .preview .footer .btn-replay * {
  vertical-align: middle;
  margin-right: 5px;
}
/* line 461, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .row {
  margin-bottom: 5px;
}
/* line 463, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .row .rowlabel {
  display: inline-block;
  width: 120px;
  text-align: right;
  line-height: 40px;
  padding-right: 5px;
}
/* line 470, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .row input[type="text"] {
  border: 1px solid #4598aa;
  height: 30px;
  margin: 0 0 0 0px;
  padding-left: 10px;
  font-size: 15px;
  width: 220px;
  color: #161616;
}
/* line 479, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .row .rowlabel.location {
  vertical-align: top;
}
/* line 483, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .add-location-image {
  display: inline-block;
  border: 1px solid #C3C3C3;
  width: 322px;
  height: 178px;
}
/* line 488, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .add-location-image img {
  width: 320px;
  height: 176px;
}
/* line 493, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .pt-container {
  position: relative;
}
/* line 496, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 17px;
  right: -10px;
  background-image: url("../img/bg-dpad.png");
}
/* line 503, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol .direction {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  margin: auto;
}
/* line 520, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol .direction.left-up {
  top: 0;
  left: 0;
  background-image: url("../img/icon-dpad-leftup.png");
}
/* line 526, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol .direction.up {
  top: 0;
  left: 0;
  right: 0;
  background-image: url("../img/icon-dpad-up.png");
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
/* line 535, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol .direction.right-up {
  top: 0;
  right: 0;
  background-image: url("../img/icon-dpad-rightup.png");
}
/* line 541, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol .direction.left {
  top: 0;
  bottom: 0;
  left: 0;
  background-image: url("../img/icon-dpad-left.png");
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
/* line 550, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol .direction.home {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/icon-dpad-home.png");
}
/* line 558, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol .direction.right {
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url("../img/icon-dpad-right.png");
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 567, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol .direction.left-down {
  left: 0;
  bottom: 0;
  background-image: url("../img/icon-dpad-leftdown.png");
}
/* line 573, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol .direction.down {
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/icon-dpad-down.png");
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 582, ../sass/_cameracontrol.scss */
#patrol-setup-popup .add-location .content .patrol-ptcontrol .direction.right-down {
  right: 0;
  bottom: 0;
  background-image: url("../img/icon-dpad-rightdown.png");
}

/* line 3, ../sass/_mydlink.scss */
.content .mydlink .submenu .menu-item.selected {
  display: none !important;
}
/* line 8, ../sass/_mydlink.scss */
.content .mydlink .not-binding {
  display: none;
}
/* line 11, ../sass/_mydlink.scss */
.content .mydlink .not-binding .terms {
  margin-left: 250px;
}
/* line 13, ../sass/_mydlink.scss */
.content .mydlink .not-binding .terms .link {
  color: #3AA9C1;
  text-decoration: underline;
  cursor: pointer;
}

/* line 3, ../sass/_ddns.scss */
.content .ddns .submenu .menu-item.selected {
  display: none !important;
}
/* line 7, ../sass/_ddns.scss */
.content .ddns .ddns-settings {
  display: none;
}
/* line 9, ../sass/_ddns.scss */
.content .ddns .ddns-settings #ddns-timeout {
  text-align: right;
}

/* line 3, ../sass/_eventtrigger.scss */
.content .eventtrigger .submenu .menu-item.selected, .content .eventtrigger .submenu .menu-item.save {
  display: none !important;
}
/* line 7, ../sass/_eventtrigger.scss */
.content .eventtrigger .block-container {
  width: 795px;
  height: 525px;
  margin: 0 auto;
  position: relative;
}
/* line 13, ../sass/_eventtrigger.scss */
.content .eventtrigger .block {
  display: inline-block;
  position: absolute;
  width: 390px;
  height: 255px;
  padding: 26px 35px 30px 60px;
  border: 1px solid #ECEBEB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  color: #5B5B5B;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF6F6F6', endColorstr='#FFEAEAEA');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #eaeaea));
  background-image: -webkit-linear-gradient(#f6f6f6, #eaeaea);
  background-image: -moz-linear-gradient(#f6f6f6, #eaeaea);
  background-image: linear-gradient(#f6f6f6, #eaeaea);
}
/* line 26, ../sass/_eventtrigger.scss */
.content .eventtrigger .block .title .icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  background-repeat: no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
/* line 34, ../sass/_eventtrigger.scss */
.content .eventtrigger .block .title .type {
  display: inline-block;
  font-size: 28.8px;
  font-size: 1.8rem;
  margin: 0 5px;
  vertical-align: middle;
}
/* line 40, ../sass/_eventtrigger.scss */
.content .eventtrigger .block .title .edit {
  display: none;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-image: url("../img/icon-trigger-edit.png");
  background-repeat: no-repeat;
  cursor: pointer;
}
/* line 50, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.motion-detection {
  top: 0;
  left: 0;
}
/* line 53, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.motion-detection .icon {
  background-image: url("../img/icon-trigger-motion-off.png");
}
/* line 57, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.sound-detection {
  top: 0;
  right: 0;
}
/* line 60, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.sound-detection .icon {
  background-image: url("../img/icon-trigger-sound-off.png");
}
/* line 64, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.schedule {
  left: 0;
  bottom: 0;
}
/* line 67, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.schedule .icon {
  background-image: url("../img/icon-trigger-schedule-off.png");
}
/* line 71, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.digital-input {
  right: 0;
  bottom: 0;
}
/* line 74, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.digital-input .icon {
  background-image: url("../img/icon-trigger-di-off.png");
}
/* line 78, ../sass/_eventtrigger.scss */
.content .eventtrigger .block .onoffswitch {
  position: absolute;
  right: 35px;
  bottom: 30px;
}
/* line 83, ../sass/_eventtrigger.scss */
.content .eventtrigger .block .desc {
  margin: 30px 0 0 30px;
}
/* line 86, ../sass/_eventtrigger.scss */
.content .eventtrigger .block .summary {
  display: none;
  margin-top: 15px;
}
/* line 91, ../sass/_eventtrigger.scss */
.content .eventtrigger .block .summary .row .col1 {
  display: inline-block;
  text-align: right;
  width: 70px;
  vertical-align: top;
}
/* line 97, ../sass/_eventtrigger.scss */
.content .eventtrigger .block .summary .row .col2 {
  display: inline-block;
  width: 220px;
  word-wrap: break-word;
}
/* line 103, ../sass/_eventtrigger.scss */
.content .eventtrigger .block .summary .row + .row {
  margin-top: 10px;
  margin-bottom: 0;
}
/* line 109, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.enable .edit {
  display: inline-block;
}
/* line 112, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.enable .desc {
  display: none;
}
/* line 115, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.enable .summary {
  display: block;
}
/* line 119, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.enable.motion-detection .icon {
  background-image: url("../img/icon-trigger-motion.png");
}
/* line 124, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.enable.sound-detection .icon {
  background-image: url("../img/icon-trigger-sound.png");
}
/* line 129, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.enable.schedule .icon {
  background-image: url("../img/icon-trigger-schedule.png");
}
/* line 134, ../sass/_eventtrigger.scss */
.content .eventtrigger .block.enable.digital-input .icon {
  background-image: url("../img/icon-trigger-di.png");
}

/* line 143, ../sass/_eventtrigger.scss */
.event-trigger-step-ok .number, .event-trigger-wizard.step2 .pagination .step-container .step1 .number, .event-trigger-wizard.step3 .pagination .step-container .step1 .number, .event-trigger-wizard.step3 .pagination .step-container .step2 .number, .event-trigger-wizard.step4 .pagination .step-container .step1 .number, .event-trigger-wizard.step4 .pagination .step-container .step2 .number, .event-trigger-wizard.step4 .pagination .step-container .step3 .number {
  font-size: 0;
  background-image: url("../img/bg-trigger-step-ok.png");
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 148, ../sass/_eventtrigger.scss */
.event-trigger-step-ok .text, .event-trigger-wizard.step2 .pagination .step-container .step1 .text, .event-trigger-wizard.step3 .pagination .step-container .step1 .text, .event-trigger-wizard.step3 .pagination .step-container .step2 .text, .event-trigger-wizard.step4 .pagination .step-container .step1 .text, .event-trigger-wizard.step4 .pagination .step-container .step2 .text, .event-trigger-wizard.step4 .pagination .step-container .step3 .text {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

/* line 154, ../sass/_eventtrigger.scss */
.event-trigger-current-step .number, .event-trigger-wizard.step1 .pagination .step-container .step1 .number, .event-trigger-wizard.step2 .pagination .step-container .step2 .number, .event-trigger-wizard.step3 .pagination .step-container .step3 .number, .event-trigger-wizard.step4 .pagination .step-container .step4 .number {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 157, ../sass/_eventtrigger.scss */
.event-trigger-current-step .text, .event-trigger-wizard.step1 .pagination .step-container .step1 .text, .event-trigger-wizard.step2 .pagination .step-container .step2 .text, .event-trigger-wizard.step3 .pagination .step-container .step3 .text, .event-trigger-wizard.step4 .pagination .step-container .step4 .text {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 162, ../sass/_eventtrigger.scss */
.event-trigger-wizard {
  display: none;
  width: 780px;
  height: 515px;
  position: fixed;
  top: 50%;
  margin-top: -258px;
  background: #FFF;
  z-index: 3;
  left: 50%;
  margin-left: -390px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: black 0 0 10px;
  -moz-box-shadow: black 0 0 10px;
  box-shadow: black 0 0 10px;
  font-family: "Arial", Helvetica, sans-serif;
}
/* line 177, ../sass/_eventtrigger.scss */
.event-trigger-wizard * {
  box-sizing: border-box;
}
/* line 181, ../sass/_eventtrigger.scss */
.event-trigger-wizard .header {
  position: relative;
  padding-left: 55px;
  padding-top: 40px;
  margin-bottom: 30px;
}
/* line 188, ../sass/_eventtrigger.scss */
.event-trigger-wizard .header .title {
  font-size: 38.4px;
  font-size: 2.4rem;
  color: #4598aa;
  font-weight: bold;
}
/* line 195, ../sass/_eventtrigger.scss */
.event-trigger-wizard .header .closer {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 30px;
  right: 30px;
  background-image: url("../img/icon-popupwindow-close.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 206, ../sass/_eventtrigger.scss */
.event-trigger-wizard .header .closer:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 211, ../sass/_eventtrigger.scss */
.event-trigger-wizard .pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 88px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #F3F3F3;
}
/* line 219, ../sass/_eventtrigger.scss */
.event-trigger-wizard .pagination .previous {
  display: inline-block;
  height: 100%;
  width: 90px;
  background-color: #4598aa;
  float: left;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-image: url("../img/icon-wizard-previous.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
/* line 231, ../sass/_eventtrigger.scss */
.event-trigger-wizard .pagination .next {
  display: inline-block;
  height: 100%;
  width: 90px;
  background-color: #4598aa;
  float: right;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-image: url("../img/icon-wizard-next.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
/* line 243, ../sass/_eventtrigger.scss */
.event-trigger-wizard .pagination .step-container {
  margin: 0 auto;
  width: 540px;
  text-align: center;
  padding-top: 20px;
}
/* line 249, ../sass/_eventtrigger.scss */
.event-trigger-wizard .pagination .step-container .step {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #4598aa;
}
/* line 255, ../sass/_eventtrigger.scss */
.event-trigger-wizard .pagination .step-container .step .number {
  height: 28px;
  width: 28px;
  text-align: center;
  line-height: 28px;
  margin: 0 auto;
  color: #4DB4CB;
  background-image: url("../img/bg-trigger-step.png");
  background-repeat: no-repeat;
  background-position: center center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 267, ../sass/_eventtrigger.scss */
.event-trigger-wizard .pagination .step-container .step .text {
  text-align: center;
  color: #4DB4CB;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  font-size: 20.8px;
  font-size: 1.3rem;
}
/* line 273, ../sass/_eventtrigger.scss */
.event-trigger-wizard .pagination .step-container .step:before {
  display: none;
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: -32px;
  left: 14px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 12px solid #F3F3F3;
}
/* line 287, ../sass/_eventtrigger.scss */
.event-trigger-wizard .pagination .step-container .line {
  display: inline-block;
  width: 60px;
  height: 2px;
  margin: 20px 10px 0 10px;
  vertical-align: top;
  background-color: #4DB4CB;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 298, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page {
  display: none;
  padding-left: 55px;
}
/* line 302, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page .block {
  display: none;
}
/* line 305, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page .row {
  font-size: 0;
  margin-bottom: 25px;
}
/* line 308, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page .row .col1 {
  display: inline-block;
  text-align: right;
  font-size: 24px;
  font-size: 1.5rem;
  width: 120px;
}
/* line 316, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page .row .col2 {
  display: inline-block;
  font-size: 24px;
  font-size: 1.5rem;
  margin-left: 15px;
}
/* line 325, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page input[type="text"], .event-trigger-wizard .page input[type="password"] {
  border: 1px solid #4598aa;
  height: 30px;
  margin: 0 0 0 0px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  width: 200px;
  color: #161616;
}
/* line 335, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page .desc {
  margin-left: 10px;
}
/* line 338, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page ul.schedule-days {
  list-style-type: none;
  padding-left: 0;
}
/* line 341, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page ul.schedule-days li {
  display: inline-block;
  width: 56px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #D2D2D2;
  font-size: 20.8px;
  font-size: 1.3rem;
  color: #9D9D9D;
  cursor: pointer;
  background-color: #F6F6F6;
}
/* line 355, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page ul.schedule-days li:first-child {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
/* line 359, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page ul.schedule-days li:last-child {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 363, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page ul.schedule-days li.selected {
  color: #FFF;
  background-color: #4598aa;
  border-color: #4598aa;
}
/* line 369, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page ul.schedule-days li + li {
  margin-left: -1px;
}
/* line 372, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page ul.schedule-days li.selected + li.selected {
  border-left-color: #FFF;
}
/* line 376, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page .schedule-time {
  position: relative;
  width: 530px;
}
/* line 379, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page .schedule-time .hours {
  position: absolute;
  top: 16px;
  left: -7px;
  width: 550px;
}
/* line 384, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page .schedule-time .hours div {
  display: inline-block;
  font-size: 20.8px;
  font-size: 1.3rem;
  color: #9D9D9D;
  width: 16px;
  text-align: center;
}
/* line 391, ../sass/_eventtrigger.scss */
.event-trigger-wizard .page .schedule-time .hours div + div {
  margin-left: 6px;
}
/* line 398, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step1 .page1 {
  display: block;
}
/* line 402, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step1 .pagination .previous {
  display: none;
}
/* line 408, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step1 .pagination .step-container .step1:before {
  display: block;
}
/* line 416, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step2 .page2 {
  display: block;
}
/* line 424, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step2 .pagination .step-container .line.step2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 429, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step2 .pagination .step-container .step2:before {
  display: block;
}
/* line 437, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step3 .page3 {
  display: block;
}
/* line 445, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step3 .pagination .step-container .line.step2, .event-trigger-wizard.step3 .pagination .step-container .line.step3 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 450, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step3 .pagination .step-container .step3:before {
  display: block;
}
/* line 458, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step4 .page4 {
  display: block;
}
/* line 466, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step4 .pagination .step-container .line.step2, .event-trigger-wizard.step4 .pagination .step-container .line.step3, .event-trigger-wizard.step4 .pagination .step-container .line.step4 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 471, ../sass/_eventtrigger.scss */
.event-trigger-wizard.step4 .pagination .step-container .step4:before {
  display: block;
}

/* line 3, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .row {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 6, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .row .col2 {
  font-size: 22.4px;
  font-size: 1.4rem;
  color: #868686;
}
/* line 11, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit {
  position: relative;
  width: 432px;
  border: 1px solid #D4D4D4;
  padding: 7px;
  margin-left: 135px;
}
/* line 18, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools {
  float: right;
  margin-right: 7px;
  width: 30px;
  height: 205px;
  padding: 12px 0;
}
/* line 24, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools > div {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
/* line 31, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools div + div {
  margin-top: 20px;
}
/* line 34, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools .draw {
  background-image: url("../img/icon-trigger-edit.png");
}
/* line 37, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools .draw.enable {
  background-image: url("../img/icon-trigger-motion-draw-on.png");
}
/* line 41, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools .draw-all {
  background-image: url("../img/icon-trigger-motion-drawall.png");
}
/* line 43, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools .draw-all.enable {
  background-image: url("../img/icon-trigger-motion-drawall-on.png");
}
/* line 47, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools .eraser {
  background-image: url("../img/icon-trigger-motion-eraser.png");
}
/* line 49, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools .eraser.enable {
  background-image: url("../img/icon-trigger-motion-eraser-on.png");
}
/* line 53, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools .clear-all {
  background-image: url("../img/icon-trigger-motion-clearall.png");
}
/* line 55, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .tools .clear-all.enable {
  background-image: url("../img/icon-trigger-motion-clearall-on.png");
}
/* line 60, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .draw-area {
  width: 365px;
  height: 205px;
}
/* line 64, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .draw-area img {
  width: 100%;
  height: 100%;
}
/* line 69, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .grid {
  position: absolute;
  z-index: 2;
  top: 7px;
  left: 7px;
  width: 365px;
  height: 205px;
  font-size: 0;
}
/* line 77, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .grid div {
  display: inline-block;
  width: 73px;
  height: 41px;
  border: 1px solid #FF2900;
  background-color: #FF5C26;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 84, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .motion-detection-edit .grid div.unselected {
  background-color: transparent;
  border: 1px solid #FFF;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}
/* line 92, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page1 .sensitivity-slider {
  width: 200px;
}
/* line 97, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page2 .row {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 105, ../sass/_eventtrigger_motion_detection.scss */
#motion-detection-wizard .page4 #motion-detection-ftp-port {
  width: 65px;
}

/* line 3, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .row {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 6, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .row .col2 {
  font-size: 22.4px;
  font-size: 1.4rem;
  color: #868686;
}
/* line 11, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit {
  position: relative;
  width: 445px;
  height: 239px;
  border-left: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  margin: 30px auto 10px auto;
}
/* line 18, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit canvas {
  position: absolute;
  top: 10px;
}
/* line 22, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .y-unit {
  position: absolute;
  top: -20px;
  left: -30px;
  color: #868686;
}
/* line 28, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .y-scale {
  position: absolute;
  top: 2px;
  left: -30px;
  color: #525252;
}
/* line 33, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .y-scale div {
  width: 20px;
  text-align: right;
}
/* line 37, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .y-scale div + div {
  margin-top: 22px;
}
/* line 41, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .x-unit {
  position: absolute;
  right: -30px;
  bottom: -20px;
  color: #868686;
}
/* line 47, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .slider-container {
  position: absolute;
  top: 11px;
  right: -15px;
  height: 190px;
}
/* line 53, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .slider-container .slider-tip {
  width: 60px;
}
/* line 56, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .slider-container .slider-v {
  background-color: transparent;
}
/* line 58, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .slider-container .slider-v.ui-slider-vertical {
  height: 100%;
}
/* line 61, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .slider-container .slider-v .ui-slider-range {
  background-color: transparent;
}
/* line 65, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .slider-container .ui-slider-handle {
  background-image: url("../img/icon-trigger-sound-handle.png");
  background-repeat: no-repeat;
}
/* line 69, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page1 .sound-detection-edit .slider-container .level-bar {
  position: absolute;
  width: 450px;
  height: 2px;
  background-color: #F80000;
  right: 10px;
  top: 151px;
}
/* line 81, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page2 .row {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 89, ../sass/_eventtrigger_sound_detection.scss */
#sound-detection-wizard .page4 #sound-detection-ftp-port {
  width: 65px;
}

/* line 8, ../sass/_eventtrigger_schedule.scss */
#schedule-wizard .page3 #schedule-ftp-port {
  width: 65px;
}

/* line 8, ../sass/_eventtrigger_digital_input.scss */
#digital-input-wizard .page3 #digital-input-ftp-port {
  width: 65px;
}

/* line 3, ../sass/_accesslist.scss */
.content .accesslist .form-area .row {
  margin-left: 50px;
}
/* line 6, ../sass/_accesslist.scss */
.content .accesslist .form-area .table-list-ipv4, .content .accesslist .form-area .table-list-ipv6 {
  margin: 20px 50px;
  width: 520px;
  border: 1px solid #AAA;
  border-collapse: collapse;
}
/* line 11, ../sass/_accesslist.scss */
.content .accesslist .form-area .table-list-ipv4 td, .content .accesslist .form-area .table-list-ipv6 td {
  height: 36px;
  border-bottom: 1px solid #AAA;
  text-align: center;
}
/* line 16, ../sass/_accesslist.scss */
.content .accesslist .form-area .table-list-ipv4 td img, .content .accesslist .form-area .table-list-ipv6 td img {
  cursor: pointer;
}
/* line 19, ../sass/_accesslist.scss */
.content .accesslist .form-area .table-list-ipv4 td.address-cell, .content .accesslist .form-area .table-list-ipv6 td.address-cell {
  text-align: left;
  padding: 5px;
}
/* line 24, ../sass/_accesslist.scss */
.content .accesslist .form-area .table-list-ipv4 th, .content .accesslist .form-area .table-list-ipv6 th {
  height: 36px;
  color: #FFF;
  background-color: #4598aa;
}
/* line 29, ../sass/_accesslist.scss */
.content .accesslist .form-area .table-list-ipv4 .delete-cell, .content .accesslist .form-area .table-list-ipv6 .delete-cell {
  width: 120px;
}
/* line 33, ../sass/_accesslist.scss */
.content .accesslist .form-area .table-list-ipv6 {
  width: 740px;
}
/* line 36, ../sass/_accesslist.scss */
.content .accesslist .form-area .remain-title {
  margin-left: 20px;
}
/* line 39, ../sass/_accesslist.scss */
.content .accesslist .form-area .remain {
  margin-left: 10px;
}

/* line 46, ../sass/_accesslist.scss */
#access-list-popup .access-form {
  display: none;
  position: fixed;
  margin: 0 auto;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  height: 320px;
  top: 50%;
  margin-top: -160px;
  background-color: #FFF;
  z-index: 3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: black 0 0 10px;
  -moz-box-shadow: black 0 0 10px;
  box-shadow: black 0 0 10px;
  font-family: "Arial", Helvetica, sans-serif;
}
/* line 61, ../sass/_accesslist.scss */
#access-list-popup .access-form * {
  box-sizing: border-box;
}
/* line 64, ../sass/_accesslist.scss */
#access-list-popup .access-form .header {
  position: relative;
  padding-left: 90px;
  padding-top: 40px;
  margin-bottom: 20px;
}
/* line 69, ../sass/_accesslist.scss */
#access-list-popup .access-form .header .title {
  font-size: 38.4px;
  font-size: 2.4rem;
  color: #4598aa;
  font-weight: bold;
}
/* line 74, ../sass/_accesslist.scss */
#access-list-popup .access-form .header .closer {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 30px;
  right: 30px;
  background-image: url("../img/icon-popupwindow-close.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 85, ../sass/_accesslist.scss */
#access-list-popup .access-form .header .closer:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 90, ../sass/_accesslist.scss */
#access-list-popup .access-form .content {
  padding: 10px 90px;
  font-size: 24px;
  font-size: 1.5rem;
}
/* line 94, ../sass/_accesslist.scss */
#access-list-popup .access-form .content .row .rowlabel {
  display: inline-block;
  width: 100px;
  text-align: right;
  line-height: 40px;
  padding-right: 5px;
}
/* line 101, ../sass/_accesslist.scss */
#access-list-popup .access-form .content .row input[type="text"] {
  border: 1px solid #4598aa;
  height: 30px;
  margin: 0 0 0 0px;
  padding-left: 10px;
  font-size: 15px;
  width: 300px;
  color: #161616;
}
/* line 111, ../sass/_accesslist.scss */
#access-list-popup .access-form .content .address-block {
  display: none;
  height: 80px;
}
/* line 116, ../sass/_accesslist.scss */
#access-list-popup .access-form .footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  text-align: center;
}

/* line 3, ../sass/_admin.scss */
.content .admin .submenu .menu-item.selected {
  display: none !important;
}
/* line 8, ../sass/_admin.scss */
.content .admin .form-area .row {
  margin-left: 50px;
}
/* line 11, ../sass/_admin.scss */
.content .admin .form-area .rowlabel {
  width: 140px;
}
/* line 14, ../sass/_admin.scss */
.content .admin .form-area .local-link {
  color: #4598aa;
}
/* line 18, ../sass/_admin.scss */
.content .admin .form-area .submenu .menu-item.selected {
  display: none !important;
}
/* line 22, ../sass/_admin.scss */
.content .admin .form-area .userlist {
  width: 680px;
  margin: 20px 50px;
  border: 1px solid #AAA;
  border-collapse: collapse;
}
/* line 27, ../sass/_admin.scss */
.content .admin .form-area .userlist td {
  height: 36px;
  border-bottom: 1px solid #AAA;
  text-align: center;
}
/* line 31, ../sass/_admin.scss */
.content .admin .form-area .userlist td img {
  cursor: pointer;
}
/* line 35, ../sass/_admin.scss */
.content .admin .form-area .userlist th {
  height: 36px;
  color: #FFF;
  background-color: #4598aa;
}
/* line 41, ../sass/_admin.scss */
.content .admin .form-area .total-user-title {
  margin-left: 20px;
}
/* line 44, ../sass/_admin.scss */
.content .admin .form-area .total-user {
  margin-left: 10px;
}

/* line 51, ../sass/_admin.scss */
#admin-popup .admin-form {
  display: none;
  position: fixed;
  margin: 0 auto;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  height: 320px;
  top: 50%;
  margin-top: -160px;
  background-color: #FFF;
  z-index: 3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: black 0 0 10px;
  -moz-box-shadow: black 0 0 10px;
  box-shadow: black 0 0 10px;
  font-family: "Arial", Helvetica, sans-serif;
}
/* line 66, ../sass/_admin.scss */
#admin-popup .admin-form * {
  box-sizing: border-box;
}
/* line 69, ../sass/_admin.scss */
#admin-popup .admin-form .header {
  position: relative;
  padding-left: 90px;
  padding-top: 40px;
  margin-bottom: 20px;
}
/* line 74, ../sass/_admin.scss */
#admin-popup .admin-form .header .title {
  font-size: 38.4px;
  font-size: 2.4rem;
  color: #4598aa;
  font-weight: bold;
}
/* line 79, ../sass/_admin.scss */
#admin-popup .admin-form .header .closer {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 30px;
  right: 30px;
  background-image: url("../img/icon-popupwindow-close.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 90, ../sass/_admin.scss */
#admin-popup .admin-form .header .closer:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 95, ../sass/_admin.scss */
#admin-popup .admin-form .content {
  padding: 10px 90px;
  font-size: 24px;
  font-size: 1.5rem;
}
/* line 99, ../sass/_admin.scss */
#admin-popup .admin-form .content .row .rowlabel {
  display: inline-block;
  width: 140px;
  text-align: right;
  line-height: 40px;
  padding-right: 5px;
}
/* line 106, ../sass/_admin.scss */
#admin-popup .admin-form .content .row input[type="text"], #admin-popup .admin-form .content .row input[type="password"] {
  border: 1px solid #4598aa;
  height: 30px;
  margin: 0 0 0 0px;
  padding-left: 10px;
  font-size: 15px;
  width: 200px;
  color: #161616;
}
/* line 117, ../sass/_admin.scss */
#admin-popup .admin-form .footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  text-align: center;
}

/* line 3, ../sass/_system.scss */
.content .system .submenu .menu-item.selected, .content .system .submenu .menu-item.save {
  display: none !important;
}
/* line 7, ../sass/_system.scss */
.content .system .hidden {
  position: fixed;
  top: -1000px;
}
/* line 12, ../sass/_system.scss */
.content .system .form-area .rowlabel {
  width: 280px;
}

/* line 3, ../sass/_systemtime.scss */
.content .systemtime .submenu .menu-item.selected {
  display: none !important;
}
/* line 7, ../sass/_systemtime.scss */
.content .systemtime #systemtime-timezone + .sbHolder {
  width: 500px;
}
/* line 9, ../sass/_systemtime.scss */
.content .systemtime #systemtime-timezone + .sbHolder .sbSelector {
  width: 470px;
}
/* line 12, ../sass/_systemtime.scss */
.content .systemtime #systemtime-timezone + .sbHolder .sbOptions {
  width: 500px;
}
/* line 16, ../sass/_systemtime.scss */
.content .systemtime .systemtime-current {
  display: inline-block;
}
/* line 20, ../sass/_systemtime.scss */
.content .systemtime #systemtime-year + .sbHolder, .content .systemtime #systemtime-month + .sbHolder, .content .systemtime #systemtime-day + .sbHolder, .content .systemtime #systemtime-hour + .sbHolder, .content .systemtime #systemtime-minute + .sbHolder, .content .systemtime #systemtime-second + .sbHolder {
  width: 90px;
}
/* line 23, ../sass/_systemtime.scss */
.content .systemtime .row.margin {
  margin-top: 20px;
}

/* line 3, ../sass/_firmwareupgrade.scss */
.content .firmwareupgrade .submenu .menu-item.selected, .content .firmwareupgrade .submenu .menu-item.save {
  display: none !important;
}
/* line 8, ../sass/_firmwareupgrade.scss */
.content .firmwareupgrade .row .col1 {
  display: inline-block;
  width: 250px;
  text-align: right;
}
/* line 13, ../sass/_firmwareupgrade.scss */
.content .firmwareupgrade .row .col2 {
  display: inline-block;
  margin-left: 10px;
  width: 470px;
}
/* line 19, ../sass/_firmwareupgrade.scss */
.content .firmwareupgrade .row + .row {
  margin-top: 15px;
}
/* line 22, ../sass/_firmwareupgrade.scss */
.content .firmwareupgrade .hidden {
  position: fixed;
  top: -1000px;
}

/* line 3, ../sass/_deviceinfo.scss */
.content .deviceinfo .submenu .menu-item.selected, .content .deviceinfo .submenu .menu-item.save {
  display: none !important;
}
/* line 8, ../sass/_deviceinfo.scss */
.content .deviceinfo .row .col1 {
  display: inline-block;
  width: 250px;
  text-align: right;
}
/* line 13, ../sass/_deviceinfo.scss */
.content .deviceinfo .row .col2 {
  display: inline-block;
  margin-left: 10px;
}
/* line 18, ../sass/_deviceinfo.scss */
.content .deviceinfo .row + .row {
  margin-top: 15px;
}

/* line 3, ../sass/_log.scss */
.content .log .submenu .menu-item.selected, .content .log .submenu .menu-item.save {
  display: none !important;
}

/* line 111, ../sass/style.scss */
.onoffswitch {
  position: relative;
  width: 75px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  vertical-align: middle;
}

/* line 117, ../sass/style.scss */
.onoffswitch-checkbox {
  display: none;
}

/* line 120, ../sass/style.scss */
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

/* line 124, ../sass/style.scss */
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

/* line 129, ../sass/style.scss */
.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 12px;
  color: white;
  font-family: "Arial", Helvetica, sans-serif;
  letter-spacing: 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 134, ../sass/style.scss */
.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #4598AA;
  color: #FFFFFF;
}

/* line 139, ../sass/style.scss */
.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 6px;
  background-color: #CCC;
  color: #FFFFFF;
  text-align: right;
}

/* line 147, ../sass/style.scss */
.onoffswitch-switch {
  display: block;
  width: 34px;
  margin: 0px;
  background: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 2px;
  bottom: 2px;
  right: 39px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

/* line 156, ../sass/style.scss */
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

/* line 159, ../sass/style.scss */
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 2px;
  background-color: #FFFFFF;
}

/* line 164, ../sass/style.scss */
.onoffswitch-checked .onoffswitch-inner {
  margin-left: 0;
}

/* line 167, ../sass/style.scss */
.onoffswitch-checked .onoffswitch-switch {
  right: 2px;
}

/* line 172, ../sass/style.scss */
.bigpoint {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url("../img/icon-radio.png");
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 182, ../sass/style.scss */
.bigpoint-radio {
  display: none;
}

/* line 185, ../sass/style.scss */
.bigpoint.bigpoint-checked {
  background-image: url("../img/icon-radio-selected.png");
}

/* line 190, ../sass/style.scss */
.bigsquare {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url("../img/icon-wizard-checkbox.png");
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 200, ../sass/style.scss */
.bigsquare-checkbox {
  display: none;
}

/* line 203, ../sass/style.scss */
.bigsquare.bigsquare-checked {
  background-image: url("../img/icon-wizard-checkbox-checked.png");
}

/* line 209, ../sass/style.scss */
.page .slider-container .ui-slider-handle {
  width: 35px;
  height: 35px;
  border: none;
  outline: none;
  background-color: transparent;
  background-image: url("../img/icon-toolbar-slider-handle.png");
  cursor: pointer;
}
/* line 218, ../sass/style.scss */
.page .slider-container .ui-widget-header {
  border: none;
  background: none;
  background-color: #4598aa;
}
/* line 223, ../sass/style.scss */
.page .slider-container .ui-widget-content {
  border: none;
  background: none;
  background-color: #DEDEDE;
}
/* line 228, ../sass/style.scss */
.page .slider-container .slider-tip {
  position: absolute;
  z-index: 1000;
  padding: 3px 8px;
  width: 40px;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-family: verdana, sans-serif;
  color: #FFF;
  background-color: #000;
}
/* line 239, ../sass/style.scss */
.page .slider-container .slider-tip.arrow-top {
  top: 100%;
  left: -5%;
}
/* line 242, ../sass/style.scss */
.page .slider-container .slider-tip.arrow-top:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  top: -5px;
  left: 35%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}
/* line 254, ../sass/style.scss */
.page .slider-container .slider-tip.arrow-bottom {
  top: -70%;
  left: -5%;
}
/* line 257, ../sass/style.scss */
.page .slider-container .slider-tip.arrow-bottom:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  bottom: -5px;
  left: 35%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
/* line 270, ../sass/style.scss */
.page .slider-container .slider-v {
  width: 6px;
}
/* line 272, ../sass/style.scss */
.page .slider-container .slider-v .ui-slider-handle {
  left: -14px;
  margin-bottom: -17.5px;
}
/* line 277, ../sass/style.scss */
.page .slider-container .slider-h, .page .slider-container .slider-range-h {
  height: 10px;
}
/* line 279, ../sass/style.scss */
.page .slider-container .slider-h .ui-slider-handle, .page .slider-container .slider-range-h .ui-slider-handle {
  top: -10px;
  margin-left: -17.5px;
}

.menu-list1 {
	height: 50px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #096C82;
	background-color: #FFFFFF; //#EFF7F9;
	line-height: 50px;
    padding-left: 35px;
    cursor: pointer;
    border-bottom-style:dashed;
	border-width:1px;
	border-bottom-color:#999999;
	letter-spacing:0px;
}
.menu-list1:hover {
	background-color: #24A5B9;
	color: #FFF;
}
.menu-list2 {
	cursor: pointer;
    background-color: #FFFFFF; //#E9F1F1;
    padding-left: 15px;
    position: relative;
    height: 50px;
	line-height: 50px;
	color: #00677F;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	letter-spacing: 0px;
	padding-left: 17px;
	border-bottom-style:dashed;
	border-width:1px;
	border-bottom-color:#999999;
}
.menu-list2:hover {
	background-color: #24A5B9;
	color: #FFF;
}
.menu-list2-1 {
	cursor: pointer;
  background-color: #FFFFFF;
  padding-left: 15px;
  position: relative;
  height: 50px;
	line-height: 50px;
	color: #00677F;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	letter-spacing: 0px;
	padding-left: 26px;
	border-bottom-style:dashed;
	border-width:1px;
	border-bottom-color:#999999;
}
.menu-list2-1:hover {
	background-color: #24A5B9;
	color: #FFF;
}
.logout {
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 100px;
  padding: 0;
}
.PageName{
	font-family:  "Arial", Helvetica, sans-serif;
	font-size: 25px;
	color: #16AFC5; 
}
.PageModelName{
	font-family:  "Arial", Helvetica, sans-serif;
	font-size: 13px;
	color: #666666; 
	vertical-align:bottom;
}
.PageFWName{
	font-family:  "Arial", Helvetica, sans-serif;
	font-size: 13px;
	color: #666666; 
	vertical-align:top;
}
.TagTableStyle{
	text-align:center;
	font-family: "Arial", Helvetica, sans-serif;
	font-size:15pt;
}
.TagView{
	cursor: pointer;
	color: #16AFC5; 
	font-family:  "Arial", Helvetica, sans-serif;
	background-image: url("../images/Paging_Button_unselet.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:135px 25px;
}
.TagView:hover {
	cursor: pointer;
	color: #FFFFFF;
	background-image: url("../images/Paging_Button_seleted.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:135px 25px;
}
.TagSeletView{
	cursor: pointer;
	color: #FFFFFF;
	font-family:  "Arial", Helvetica, sans-serif;
	background-image: url("../images/Paging_Button_seleted.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:135px 25px;
}

.horizontal_slider {
  top:20px;
  background-color: #666;
  width: 10px;
  height: 16px;
  position: relative;
  z-index: 2;
  line-height: 0;
  margin: 0;
  border: 2px solid;
  border-color: #999 #333 #333 #999;
}
.horizontal_slit {
  
  background-color: #333;
  width: 100px;
  height: 2px;
  margin: 30px 4px 2px 4px;
  line-height: 0;
  position: absolute;
  z-index: 1;
  border: 1px solid;
  border-color: #999 #ddd #ddd #999;
}
.horizontal_slit_parallel {
  
  background-color: #333;
  width: 100px;
  height: 2px;
  margin: 20px 4px 2px 4px;
  line-height: 0;
  position: absolute;
  z-index: 1;
  border: 1px solid;
  border-color: #999 #ddd #ddd #999;
}

/* input = range */
input[type="range"]{
	-webkit-appearance: none;
	padding:0px 0px;
	overflow:hidden;
	height:10px;
	width:102px;
	outline : none;
	background:none;
	border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-top-left-radius:3px;
}
/* IE */
input[type=range]::-ms-thumb {
    width:9px;
    height:9px;
    cursor: pointer;
    background-color: #FFF;
    border-radius:50%;
    border: 0.5px solid #DEDEDE;
}
/* FF */
input[type=range]::-moz-range-thumb {
    cursor: pointer;
    width: 11px;
    height: 11px;
    background: #FFF;
}

/* IE */
input[type="range"]::-ms-track {
    border-radius: 90px 90px 90px 90px;
    color: transparent;
}
/* FF */
input[type="range"]::-moz-range-track {
    border-radius: 90px 90px 90px 90px;
    height:10px;
    background-color: #16afc5;
}
/* IE */
input[type=range]::-ms-fill-lower {
	background: #16afc5;
}
input[type=range]:focus::-ms-fill-lower {
	background: #16afc5;
}
input[type=range]::-ms-fill-upper {
	background: #657374;
}
input[type=range]:focus::-ms-fill-upper {
	background: #657374;
}
/* chrome */
input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance: none;
    position: relative;
    width:10px;
    height:10px;
    background:#FFF;
    //background-image:url("../images/Control_Point.gif");
    border-radius:50%;
    border: 1px solid #888;
    //transition:.1s;
}
input[type=range]::-webkit-slider-runnable-track {
    background: #16afc5;
    //border: none;
    border-radius: 6px;
}
input[type="range"]::-webkit-slider-thumb:before,
input[type="range"]::-webkit-slider-thumb:after
{
	position: absolute;
	width: 100px;          
	height: 10px;
	content:"";
	pointer-events: none;   
	//transition:.2s;
	//border-radius:15%;
}
input[type="range"]::-webkit-slider-thumb:before{
	left: -95px;
	background: #16afc5;
	z-index:-1;
}
input[type="range"]::-webkit-slider-thumb:after {
	left: 3px;
	background: #657374;
	z-index:-1;
}
/* Radio */
input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    font-family:"Arial", Helvetica, sans-serif;
    font-size:15px;
}

input[type="radio"] + label span {
    display:inline-block;
    width:25px;
    height:25px;
    margin:2px 4px 0 0;
    vertical-align:middle;
    background:url("../images/Radio-Button.gif") top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url("../images/Radio-Button_checked.gif") top no-repeat;
}

input[type="radio"]:disabled + label span {
    background:url("../images/Radio-Button_disabled.gif") top no-repeat;
}
.ipv4-input {
  display: inline-block;
  //border: 1px rgb(210, 210, 210) solid;
}

.ipv4-input.selected { border-color: rgb(155, 155, 155); }

.ipv4-cell {
  border: none;
  width: 30px;
  text-align: center;
  outline: none;
}

.ipv4-dot { }
.jqx-slider-track-horizontal{height:10px;margin-top:2px}
.jqx-slider-slider{width:8px;height:8px;margin-top:0px}
.jqx-rc-all{border-radius:6px}
.jqx-widget-dlink{border-color: #fff;}
.jqx-fill-state-normal-dlink, .jqx-widget-header-dlink{ border-color: #ccc; background-color:#657374;}
.jqx-fill-state-hover-dlink, .jqx-scrollbar-thumb-state-normal-dlink, .jqx-scrollbar-thumb-state-normal-horizontal-dlink{ border-color:#ccc;  background-color:#fff; color: #fff;}
.jqx-fill-state-pressed-dlink{border-color: #ccc; background-color: #16AFC5; color: #fff; }
.jqx-fill-state-focus-dlink { border-color: #ccc; }

.jqx-scrollbar-state-normal-dlink, .jqx-grid-bottomright-dlink, .jqx-panel-bottomright-dlink, .jqx-listbox-bottomright-dlink{background-color: #e4e5e5;}
.jqx-scrollbar-button-state-pressed, .jqx-scrollbar-button-state-hover{background-color: #e4e5e5; border-color: #222;}

/*icons*/
.jqx-menu-item-arrow-up-selected-dlink, .jqx-icon-arrow-up-hover-dlink, .jqx-icon-arrow-up-selected-dlink{background-image:url('images/icon-up-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-down-selected-dlink, .jqx-icon-arrow-down-hover-dlink, .jqx-icon-arrow-down-selected-dlink{background-image:url('images/icon-down-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-left-selected-dlink, .jqx-icon-arrow-left-hover-dlink, .jqx-icon-arrow-left-selected-dlink{background-image:url('images/icon-left-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-right-selected-dlink, .jqx-icon-arrow-right-hover-dlink, .jqx-icon-arrow-right-selected-dlink{background-image:url('images/icon-right-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-tabs-close-button-hover-dlink, .jqx-tabs-close-button-selected-dlink{background-image:url(images/close_white.png);  background-repeat:no-repeat;  background-position:center;}
.jqx-scrollbar-dlink .jqx-icon-arrow-up-selected-dlink, .jqx-scrollbar-dlink .jqx-icon-arrow-up-hover-dlink{background-image:url('images/icon-up.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-dlink .jqx-icon-arrow-down-selected-dlink, .jqx-scrollbar-dlink .jqx-icon-arrow-down-hover-dlink{background-image:url('images/icon-down.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-dlink .jqx-icon-arrow-left-selected-dlink, .jqx-scrollbar-dlink .jqx-icon-arrow-left-hover-dlink{background-image:url('images/icon-left.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-dlink .jqx-icon-arrow-right-selected-dlink, .jqx-scrollbar-dlink .jqx-icon-arrow-right-hover-dlink{background-image:url('images/icon-right.png');background-repeat:no-repeat; background-position:center;}
///////////////////////////////////////////////////////////////
.jqx-grid-cell-dlink.jqx-grid-cell-selected-dlink>.jqx-grid-group-expand-dlink,
.jqx-grid-cell-dlink.jqx-grid-cell-hover-dlink>.jqx-grid-group-expand-dlink {
    background-image: url('images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-dlink.jqx-grid-cell-selected-dlink>.jqx-grid-group-collapse-dlink,
.jqx-grid-cell-dlink.jqx-grid-cell-hover-dlink>.jqx-grid-group-collapse-dlink {
    background-image: url('images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-dlink.jqx-grid-cell-selected-dlink>.jqx-grid-group-collapse-rtl-dlink,
.jqx-grid-cell-dlink.jqx-grid-cell-hover-dlink>.jqx-grid-group-collapse-rtl-dlink {
    background-image: url('images/icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-dlink.jqx-grid-cell-selected-dlink>.jqx-grid-group-expand-rtl-dlink,
.jqx-grid-cell-dlink.jqx-grid-cell-hover-dlink>.jqx-grid-group-expand-rtl-dlink {
    background-image: url('images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-dlink
{
    background-image: url('images/icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-dlink
{
    background-image: url('images/icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-hover-dlink
{
    background-image: url('images/icon-first-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-hover-dlink
{
    background-image: url('images/icon-last-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-selected-dlink
{
    background-image: url('images/icon-first-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-selected-dlink
{
    background-image: url('images/icon-last-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-calendar-hover-dlink, .jqx-icon-calendar-pressed-dlink {
    background-image: url('images/icon-calendar-white.png');
}
//////////////////////////////////////////////////////////
.jqx-layout-dlink
{
    background-color: #fff;
}