.setup .add_width_90p {
  width: 90%;
}

.setup .add_display_none {
  display: none;
}

.setup .add_position_absolute {
  position: absolute;
}

.setup .add_background_white {
  background: #ffffff;
}

.setup .add_gray_border {
  border: solid 2px #d0d0d0;
}

.setup .add_text_align_center {
  text-align: center;
}

.setup .add_width_50px {
  min-width: 50px;
  width: 50px;
}

.setup .add_padding_5px {
  padding: 5px;
}

.tab-pane-wrapper .edit-wrapper {
  margin-bottom: 20px;
}

.edit-wrapper .subtitle {
  display: inline-block;
  width: 80px;
  font-weight: bold;
}

.http_button_wrapper {
  display: inline-flex !important;
  margin-top: -13px;
}

.select {
  display: inline-block;
}

.select .select-button {
  width: 395px;
  background-color: white;
  padding: 2px 10px;
  border: 1px solid #127ec0;
  border-radius: 3px;
}

.select .select-menu {
  position: absolute;
  width: 393px;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 3px;
  text-align: center;
}

.select .select-menu .select-item {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.select .select-menu .select-item:hover {
  background-color: #f0f0f0;
}

.select .select-menu .select-item .text {
  width: 90%;
  padding-left: 10px;
}

.select .select-menu .select-item .text,
.select .select-menu .select-item .button-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.select .select-menu .select-item .button-wrapper {
  text-align: right;
}

.select .select-menu .select-item .delete-button {
  width: 17px;
  font-size: 18px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: right;
  color: #b9b9b9;
}

.select .select-menu .select-item .delete-button:hover {
  color: #858585;
}

.select .select-button .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-left: 5px;
}

.select .select-button .arrow-up {
  border-bottom: 5px solid black;
}

.select .select-button .arrow-down {
  border-top: 5px solid black;
}

.edit_before {
  cursor: pointer;
  padding: 3px;
  display: inline-block;
}

.edit_after {
  width: 72%;
}

@media (max-width: 400px){
  .setup .submit_area {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
  }
}
@media (max-width: 900px){
  .setup {
    background-color:#edeff1;
    min-width: 380px;
  }
  .maskViewer {
    width:360px;
    height:202px;
  }

  .setup .radio-group {
    margin-left: 20px;
  }

  .setup .radio {
    margin: 10px 10px 10px 10px;
    display: inline-block;
  }

  .setup .maskarea {
    width:360px;
    height:202px;
  }

  .setup .maskarea_auto {
    width:360px;
    height:202px;
  }

  .setup .maskarea_full {
    width:100%;
    height:202px;
  }

  .setup .maskarea_auto_corridor {
    width:202px;
    height:360px;
  }

  .setup .maskarea_full_corridor {
    width:100%;
    height:100%;
  }

  .setup .live_area {
    width:360px;
    height:202px;
    max-height: 202px;
    max-width: 360px;
    text-align: center;
    line-height: 200px;
  }

  .setup .live_area_4_3 {
    width:270px;
    height:202px;
    max-width: 270px;
    max-height: 202px;
    text-align: center;
    line-height: 200px;
  }

  .setup .live_area_corridor {
    width:202px;
    height:360px;
    max-height: 360px;
    max-width: 202px;
    text-align: center;
    line-height: 358px;
  }

  .setup .live_area_4_3_corridor {
    width:202px;
    height:270px;
    max-width: 202px;
    max-height: 270px;
    text-align: center;
    line-height: 268px;
  }

  .setup .camera_image_setup_jpeg {
    /* width:360px; */
    /* height:202px; */
    z-index: 9999999999999;
  }

  .setup .camera_image_setup_jpeg_720_motion {
    width:360px;
    height:202px;
    z-index: 9999999999999;
  }

  .setup .camera_image_setup_focus_area2 {
    width:360px;
  }

  .setup .mfz_focus_sub_label_wrap {
    display:none;
  }

  .setup .mfz_focus_plus_minus_button_wrap {
    float:left;
  }

  .setup .mfz_focus_slider_wrap {
    margin-top:5px;
    float:left;
  }

  .setup .mfz_focus_input_wrap {
  }

  .setup .mfz_focus_goto_button_wrap {
    width:80px;
    text-align:center;
    display:inline-block;
    float:left;
  }

  .setup .mfz_focus_onepush_button_wrap {
    width:60px;
    margin-left:20px;
    float:left;
  }

  .setup .mfz_focus_home_button_wrap {
    width:100px;
    display: inline-block;
  }

  .setup .mfz_focus_home_button {
    width:100%;
    display: inline-block;
  }

  .setup .mfz_focus_main_label_wrap {
    width:100px;
    text-align:left;
  }

  .setup .mfz_focus_label_wran_while_operating_wrap {
    width:360px;
    display:inline-block;
    margin-top: 10px;
    cursor:auto;
  }

  .setup .mfz_focus_label_wran_while_operating {
    width:100%;
    font-size:12px;
    text-align:left;
    display:none;
    color:#ff0000;
    cursor:auto;
    white-space:normal;
  }

  table.motion {width:360px; height:202px; padding:0; margin-top:-202px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}
  table#mblock li { padding: 1px; float:left; filter: alpha(opacity=20); opacity: 0.2; khtmlopacity: 0.2; mozopacity: 0.2; }
  table#mblock .mot_td { filter: alpha(opacity=20); opacity: 0.2; khtmlopacity: 0.2; mozopacity: 0.2; }
  #mblock li { padding: 1px; float:left; filter: alpha(opacity=20); opacity: 0.2; khtmlopacity: 0.2; mozopacity: 0.2; }
  #mblock .mot_td { filter: alpha(opacity=20); opacity: 0.2; khtmlopacity: 0.2; mozopacity: 0.2; }
  #mblock .mot_bg0 {background-color: #dadada}
  #mblock .mot_bg1 {background-color: #ff0000}
  #mblock .mot_bg2 {background-color: #ffff00}
  #mblock .mot_bg3 {background-color: #dada00}
  #mblock .mot_bg4 {background-color: rgb(204,175,10)}
  #mblock .mot_bg5 {background-color: rgb(128,0,128)}
  #mblock .mot_bg6 {background-color: rgb(51,153,51)}
  #mblock .mot_bg7 {background-color: rgb(0,32,96)}

  table.motion_4_3 {width:270px; height:202px; padding:0; margin-top:-202px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}

  table.motion_corridor {width:202px; height:360px; padding:0; margin-top:-360px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}
  table.motion_4_3_corridor {width:202px; height:270px; padding:0; margin-top:-270px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}

  .privcell { background-color: #777777; filter: alpha(opacity=30); opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4; border: 2px solid white;}
  .privcell:hover { background-color: #ff9600; border: 2px solid white;}
  div#privmaskimg {width:360px; height:202px; z-index:-2000; }
  div#privmaskimg img {width:360px; height: 202px; }
  table#privmaskBlock {width:360px; height:202px; padding:0; margin-top:-202px; background-repeat:no-repeat; border: 1px solid white; background-position:center;  z-index:1000;}
  table#privmaskBlock td.ui-selected { background-color: #ff3c00; opacity: 0.9999; khtmlopacity: 0.9999; mozopacity: 0.9999;}
  table#privmaskBlock td.ui-selecting { background-color: #ff3c00; opacity: 0.9999; khtmlopacity: 0.9999; mozopacity: 0.9999;}

  .mfzblock {background-color: #777777; filter: alpha(opacity=30); opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4; border: 1px solid white;}
  .mfzblock:hover { background-color: #ff9600;}
  div#mfzimg {width:360px; height:202px; z-index:-2000; }
  div#mfzimg img {width:360px; height: 202px; }
  table.focus {width:360px; height: 202px; padding:0; margin-top:-202px; background-repeat:no-repeat; border-collapse: collapse; background-position:center; z-index:1000;}
  table.focus_corridor {width:202px; height: 360px; padding:0; margin-top:-360px; background-repeat:no-repeat; border-collapse: collapse; background-position:center; z-index:1000;}
  table.focus_4_3 {width:270px; height: 202px; padding:0; margin-top:-202px; background-repeat:no-repeat; border-collapse: collapse; background-position:center; z-index:1000;}
  table.focus_4_3_corridor {width:202px; height: 270px; padding:0; margin-top:-270px; background-repeat:no-repeat; border-collapse: collapse; background-position:center; z-index:1000;}
  
  table#focusblock td.ui-selected { background-color: #ff3c00}
  table#focusblock td.ui-selecting { background-color: #ff3c00}

  .roicell { background-color: #777777; filter: alpha(opacity=30); opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4; border: 2px solid white;}
  .roicell:hover { background-color: #ff9600; border: 2px solid white;}
  div#roimaskimg {width:360px; height:202px; z-index:-2000; }
  div#roimaskimg img {width:360px; height: 202px; }
  /* table#roimaskBlock {width:360px; height:202px; padding:0; margin-top:-202px; background-repeat:no-repeat; border: 1px solid white; background-position:center;  z-index:1000;} */
  table#roimaskBlock td.ui-selected { background-color: #ff3c00; opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4;}
  table#roimaskBlock td.ui-interested { background-color: #FFBF00; opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4;}
  table#roimaskBlock td.ui-nointerested { background-color: #58D3F7; opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4;}
  table#roimaskBlock td.ui-selecting { background-color: #ff3c00; opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4;}

  table.roimask {width:360px; height:202px; padding:0; margin-top:-202px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}
  table.roimask_4_3 {width:270px; height:202px; padding:0; margin-top:-202px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}

  select#roi_interest_select {
    width: auto;
    max-width: 200px;
    float:left;
  }

  select {
    width: auto;
    max-width: 200px;
  }
  input {
    width: auto;
    max-width: 200px;
  }
  .setup .camera_image_setup_multiwindow {
    display: none;
  }

  .setup .camera_image_setup_multiwindow2 {
    display: none;
  }

  .setup .mfz_focus_label_wran {
    max-width: 360px;
  }

  .setup .mfz_focus_fullscreen_button_wrap {
    display: none;
  }

  .mfz_focus_label_wran_wrap {
    width:360px;
    display:inline-block;
    margin-top: 10px;
    cursor:auto;
    white-space:normal;
  }

  .MobileSetup {
    display: none;
  }

  .setup .setup-page-area {
    white-space:nowrap;
    overflow: auto;
  }

  .setup .setup-content {
    padding-right: 20px;
    padding-left: 20px;
  }

  .showNavigation{
    /*display: none;*/
  }

  .setup .form-horizontal .controls {
    margin-left: 170px;
    *margin-left: 0px;
  }

  .setup .form-horizontal .controls1_span { margin-top: 5px; text-align: center;}
  .setup .form-horizontal .controls2_span { margin-top: 5px; text-align: center;}
  .setup .form-horizontal .controls3_span { margin-top: 5px; text-align: center;}

  .setup .controls-2-stream {
    margin-left: 0px;
    display: inline-block;
  }

  .setup .controls-2-stream input{
    width: 180px;
  }

  .setup .controls-2-stream input:first-child{
    margin-left: 20px;
  }

  .setup .controls-2-stream label{
    width: 194px;
    margin-left: 20px;
    margin-top: 5px;
    text-align: center;
  }

  .setup .form-horizontal .controls1 {
    margin-left: 20px;
    /**margin-left: 0px;*/
    width:155px;
    display:inline-block;
  }
  .setup .form-horizontal .controls2 {
    margin-left: 10px;
    /**margin-left: 0px;*/
    width:155px;
    display:inline-block;
  }
  .setup .form-horizontal .controls3 {
    margin-left: 10px;
    /**margin-left: 0px;*/
    width:155px;
    display:inline-block;
  }

  .setup .form-horizontal .control-label {
    float: left;
    width: 150px;
    padding-top: 5px;
    text-align: right;
    max-width: 150px;
  }

  .setup .form-horizontal .control-group {
    margin-bottom: 5px;
  }

  .setup .form-horizontal .form-actions {
    padding-left: 170px;
  }


  .setup .page-header-box {

    background-color: #edeff1;
    padding-top: 53px;
    vertical-align:bottom;
  }

  .setup .page-navi-box {

  }

  .setup .setup-box {

    overflow: auto;


    background-color: #edeff1;
  }

  h1,h2,h3,h4,h5,h6,form {
    margin: 0px;
  }

  .showNaviBtn {
    width: 100%;
  }


  .setup .submit_area {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .setup .saveMsg{
    margin-right: 20px;
    padding-top: 7px;
    color: #6394C4;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    line-height: 66px;
    padding-left: 20px;
  }

  .setup .submit_area button {
    margin-left: 1px;
    width: 100px;
    height: 22px;
    border-radius: 5px;
    line-height: 18px;
    box-shadow:0;
    border:1px solid #44597B;
    color: #fff;
    text-overflow:ellipsis;

    background: #6394C4; /* Old browsers */
    background: -moz-linear-gradient(top,  #6394C4 0%, #4C81B2 44%, #2F689A 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6394C4), color-stop(44%,#4C81B2), color-stop(100%,#2F689A)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6394C4', endColorstr='#2F689A',GradientType=0 ); /* IE6-9 */


  }

  .setup .setup-content-area {
    width: auto;
  }

  .setup .camera_image_setup_slider {
    max-width: 210px;
  }
  .setup .camera_image_setup_slider2 {
    max-width: 210px;
  }

  .setup .camera_osd_setup_slider {
    width: 110px;
    margin-top: 10px;
    margin-left: 10px;
  }
  .setup .camera_osd_setup_slider_input input {
    width: 50px;
    margin-top: -30px;
    margin-left: 130px;
  }
  
  .setup .camera_osd_setup_radio {
    margin-left: 160px;
    margin-top: -5px;
  }

  .setup .camera_osd_setup_area {
    margin-left: 30px;
    margin-top: 5px;
    width: 600px;
  }

  .setup .camera_osd_setup_checkbox {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width: 70px;
    float: left;
    margin-left: 25px;
  }
  .setup .camera_osd_setup_checkbox input{
    margin-top: -1px;
  }

  .set_days {
   position:absolute;
   display:none;
   height:1px;
  }

  .setup .sub_set_days {
    display: none;
  }

  .SessionSetup-nav {
    display: none;
  }

  .SessionSetup {
    padding-right: 10px;
    padding-left: 10px;
  }

  .SessionSetup .submit_area {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: right;

  }

  .SessionSetup .submit_area .savaMsg{
    margin-right: 20px;
    padding-top: 7px;
    color: #6394C4;
  }

  .SessionSetup .submit_area button {
    margin-left: 1px;
    width: 100px;
    height: 22px;
    border-radius: 5px;
    line-height: 13px;
    box-shadow:0;
    border:1px solid #44597B;
    color: #fff;

    background: #6394C4; /* Old browsers */
    background: -moz-linear-gradient(top,  #6394C4 0%, #4C81B2 44%, #2F689A 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6394C4), color-stop(44%,#4C81B2), color-stop(100%,#2F689A)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6394C4', endColorstr='#2F689A',GradientType=0 ); /* IE6-9 */


  }
  .pageLoadProgress {
    position:absolute;
    top:50%;
    left:50%;
    width:auto;
    height:auto;
    overflow:hidden;
    margin:auto;
    z-index:9999999999999999999;
  }
  .pageLoadProgress img {
    width: 50%;
  }

  .date-controls {
    display: inline-flex;
  }
  .date-label {
    font-size: 9px;
  }

  .custom_checkbox {
    margin: 9px 0px 0px 0px !important;
  }

  .gdpr_minutes {
    width: 50px;
  }

  .gdpr_subtitle {
    margin: 12px 5px 0px 0px;
  }

  .gdpr_title {
    display: inline-flex;
  }
  
  .flex {
    display: -ms-flexbox;
  }

  .add_margin_right_10px {
    margin-right: 10px;
  }

  .add_text_align_center {
    text-align: center;
  }

  .upload_layout {
    margin : 5px 0;
  }

  .upload_layout input[type="file"] {
    display : inline-block;
    width:82%;
  }

  #serverType {
    text-align: center;
  }

  .cert_info_item div {
    display : inline-block;
    width: 25%;
    margin-right: 10px;
    text-align: right;
  }

  .cert_info {
    width: 354px;
  }

  .cert_info2 {
    margin-left: 10px;
    text-align: center;
    width: 153px;
  }

  .notice_body {
    white-space: pre-line;
  }

  .setup .form-horizontal button.nac_button {
    width: 90px;
  }

  .add_margin_top_10px {
    margin-top: 10px;
  }

  .add_margin_left_10px {
    margin-left: 10px;
  }

  .setup .cert_btn {
    width: 108px;
  }

  /* MODAL CSS */
  .modal-header{
    background-color: #e9eff4;
  }
  .modal-body{
    background-color: #e9eff4;
  }
  .modal-footer{
    background-color: #e9eff4;
  }
  .modal-body .red_font {
    color : red;
  }

  .setup .camera_image_setup_label3 {
    float: left;
    width: 150px;
    padding-top: 5px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
  }
  
  h4.titleText {
    font-weight:bold;
    font-size:14px;
    color:#ec7a00;
  }

  h4.titleText span {
    background-color: #ec7a00
  }

  h4.titleText-map {
    font-weight:bold;
    font-size:14px;
    color:#ec7a00;
  }

  h4.titleText-map span {
    background-color: #ec7a00
  }

  .modal-body .control-label {
    float: left;
    width: 210px;
    padding-top: 5px;
    text-align: right;
    max-width: 210px;
    font-weight: bold;
    margin-right: 20px;
    line-height: 14px;
  }

  .modal-body .form-control {
    width: 90px;
    display:inline;
  }

  .modal-dialog {
    width: 600px;
  }

  .modal-lg {
    width: 900px;
  }

  .question_label {
    font-weight: bold;
  }

  .control-select {
    max-width: 200px;
    width: 200px;
    padding-top: 5px;
    text-align: center;
  }

  .auth_group {
    display: flex;
  }
  
  .email_auth_btn {
    float:left;
    white-space:nowrap;
    height:30px;
    line-height:15px;
    font-size:13px;
    margin-top: 0px;
  }

  .new-answer-input {
    display: inline-block;
  }

  .question_modal {
    width: 900px; 
    position: absolute;
    top: 50% !important;
    left: 50%;
    margin-left: 0px;
    transform: translate(-50%, -50%);
  }

  .question_span {
    display: inline-block;
  }

  .wait_modal_custom {
    width: 300px; 
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 0px;
    transform: translate(-50%, -50%);
  }

  .wait_modal_custom .modal-dialog {
    width: 300px;
  }

  .modal-body {
    max-height: 600px;
  }

  .email_auth_body {
    padding-bottom: 0px;
  }

  .email_auth_show {
    display: flex;
    text-align: left;
    width: 250px;
    float: left;
    margin-bottom: 0px;
  }

  .email_auth_show label {
    margin-left: 10px;
    flex: 1;
    margin-top: 8px;
  }

  .email_auth_footer_btn {
    width: 280px;
    float: right;
  }

  .list_name {
    width: 80% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
  }

  .add-btn {
    margin-left: 20px;
  }

  .modal-body .control-label2 {
    float: left;
    width: 130px;
    padding-top: 5px;
    text-align: right;
    max-width: 210px;
    font-weight: bold;
    margin-right: 20px;
    line-height: 14px;
  }

  .http-cmd-input {
    width: 324px;
  }
}

@media (min-width: 900px){


  .setup .submit_area {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: right;
    max-width: 900px;
    min-width: 900px;
    width: 900px;
    padding-left: 0px;
  }

  .setup .saveMsg{
    margin-right: 20px;
    padding-top: 7px;
    color: #6394C4;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    width: 900px;
    padding-right: 30px;
    text-align: right;
    line-height: 66px;
  }

  .setup .submit_area button {
    margin-left: 1px;
    width: 100px;
    height: 22px;
    border-radius: 5px;
    line-height: 18px;
    box-shadow:0;
    border:1px solid #44597B;
    color: #fff;
    text-overflow:ellipsis;

    background: #6394C4; /* Old browsers */
    background: -moz-linear-gradient(top,  #6394C4 0%, #4C81B2 44%, #2F689A 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6394C4), color-stop(44%,#4C81B2), color-stop(100%,#2F689A)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6394C4', endColorstr='#2F689A',GradientType=0 ); /* IE6-9 */


  }
    .showNavigation{
      display: none;
    }

    .apply_area {
      background-color: #ffffff;
    }

    .setup .page-header-box {
      position: fixed;
      max-height: 80px;
      height: 80px;
      top: 45px;
      left: 185px;
      right: 0px;
      padding-left: 53px;
      padding-right: 53px;
      background-color: #edeff1;
      padding-top: 53px;
      vertical-align:bottom;
    }

    .setup .page-navi-box {
      position: fixed;
      max-height: 70px;
      height: 20px;
      top: 45px;
      left: 185px;
      right: 0px;
      padding-left: 53px;
      padding-right: 53px;
      background-color: #edeff1;
      z-index: 99;
    }

    .setup .setup-box {
      position: fixed;
      min-width: 680px;
      top: 160px;
      left: 185px;
      right: 0px;
      bottom: 0px;
      overflow: auto;

      padding-left: 53px;
      padding-right: 53px;

      background-color: #edeff1;
    }

    .setup .setup-page-contents {
      overflow: hidden
    }

    .setup .setup-page-area {
      min-height: 220px;
    }

    .setup .submit_area {
      margin-top: 30px;
      margin-bottom: 30px;
      text-align: right;

    }

    .setup .submit_area .savaMsg{
      margin-right: 20px;
      padding-top: 7px;
      color: #6394C4;
    }

    .setup .submit_area button {
      margin-left: 1px;
      width: 100px;
      height: 22px;
      border-radius: 5px;
      line-height: 18px;
      box-shadow:0;
      border:1px solid #44597B;
      color: #fff;
      text-overflow:ellipsis;

      background: #6394C4; /* Old browsers */
      background: -moz-linear-gradient(top,  #6394C4 0%, #4C81B2 44%, #2F689A 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6394C4), color-stop(44%,#4C81B2), color-stop(100%,#2F689A)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6394C4', endColorstr='#2F689A',GradientType=0 ); /* IE6-9 */
    }

    .setup .setup-content-area {
      max-width: 900px;
      min-width: 900px;
      width: auto;
    }

    .setup .setup-content-area h3 {
      line-height: 0px;
    }

    .setup .page-confirm-box {
      position: fixed;
      margin: 0px;
      padding: 0px;
      min-width: 680px;
      height:40px;
      left: 185px;
      right: 0px;
      bottom: 0px;
      vertical-align:middle;
      z-index:1;
    }

    .setup .page-dialog-box {
      z-index:9999;
    }

    .in {
      /*z-index:9999;*/
    }

    .setup .page-confirm-box button.btn-primary {
      margin-left: 260px;
    }

    .setup .page-confirm-box button {
      margin-top: 6px;
    }

    /* for browser hack */
    .setup menu {
      margin: 0;
    }

    .input-range {
      width: 190px;
      margin-right: 15px;
    }

    /*input help box*/
    .input-help {
      display: none;
      position:absolute;
      z-index: 3000;
      top: 165px;
      left: 420px;
      width:100px;
      padding:10px;
      background:#fefefe;
      font-size:.875em;
      border-radius:5px;
      box-shadow:0 1px 3px #aaa;
      border:1px solid #ddd;
      opacity: 0.9;
    }
    .input-help h4 {
      margin:0;
      padding:0;
      font-weight: normal;
      font-size: 1.1em;
    }
    /* Show the help box once it has focus */
    .input-help {
      display: block;
    }
    /* Immediate help should be red when pristine */
    .input-help {
      border-color:#ec3f41;
    }
    .input-help::before {
      color:#ec3f41;
    }
    /* Help hould be green when input is valid */
    .input-help {
      border-color:#3a7d34;
    }
    .input-help::before {
      color:#3a7d34;
    }
    /* Help should show and be red when invalid */
    .input-help {
      display: block;
      border-color: #ec3f41;
    }
    .input-help::before {
      color: #ec3f41;
    }
    /* Style input help requirement bullets */
    .input-help ul {
      list-style: none;
      margin: 10px 0 0 0;
    }
    /* Default each bullet to be invalid with a red cross and text */
    .input-help li {
      padding-left: 22px;
      line-height: 24px;
      color:#ec3f41;
      background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAA1CAYAAABIkmvkAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAJwAAACcBKgmRTwAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8wOS8xMlhq+BkAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAEA0lEQVRIie2WW2jbVRzHv//zT5rkn0ub61zaNdEiPqTC9EFRhtgJk63qg3Wr0806pswNiYgDUXxwyryCEB8UBevtaSCCDHQoboKyoVvVzfRmL2napU0mrdbl8s//dy4+dM1M28n64FsPnIdz+XzO75zfOXA0pRRWU7o/uS9FxOc+3/vlIQBgq4F3fHxvKuIPJ9cFwi9uTXU8BwDa1Uaw/aN7UusCkWRbPI5yxcTI2Bgy49kXrkrwwIedqYg/nGyLXwsJiYHBYWTGs7Cq5Kpt4cA3PXft+2rX40vhrt7OVLgplIzHYuBKoH9gCKMjGVE1LdfJl86YDAAOfN2ziZP4NODyv9/z2fanFuH7P9iWCjcFk/FYK4QSGLgEk0WeUy/3mQCgPXFs9xbBRW883NrssDvQN3hWcOLPEPGWiD94MBaPQymBoaERjI9mBSfu+fHwL+biItpjR3e6JFfloDeAaGQ9SpUycvlp6ExHJBKGYsDvgyMYH81KTsL90yuX4VoWdh3pMqSQpWBjAC3RZkgpYEkCFDA8NIqJ0UlFxI3Tr/5aB9elsau305BcloKBAFpjLeBSYGRwDBNjk4oTN06/dnYZXCcAgK1vbzYkl6VwOATihOzYlOLEjTOvn1sRXiYAgDsP32YIKUuWaXFOwtP3xrnqleAVBQBwy/M3GZy4+PnN3/4TvqJgNWVVj2lNsCZYE6wJ1gRrgv9dYAMAHHw2Bl2fUEpBVavtLPVW/78nVR/Zk4CupzVHA6zChSOK0yHv0S8GFyK4BMPhAJxOgLE03/9kYhE2dz+agKaldY8bDaEQ7D5ft7Roy+UIlCooy5LQdaZ5vVBEgGmmrT172yVxaIylmdcDm9cHc2oK1Zm8kETvLAo0pRRk8mmnEqKouVw68zVCzP8F/uccFHHoXi/sjT6Y53Mw83mhOHn8J7416wQAwPftd0ouiswwdJu/CRASkBKQAmYuBzNfWIC/O173W6llwfbeu6Yi8tDsrAQJYGICyGQAIWDO5KUkaxlcJwAASdSmaWAQHCACOAc4h6YzJi1qWymNNUHlwYcT0JDWXQbACYhGgeh6gHM4Ghuh2/R0YePNiaUCTSmFcvdDCY1paZvhht3nQ2VmGmahICSR5vQHmDt6DcozeZSnp2FdLLZHhwdq94SVd+xMaJqWtrkM2L1uVHILpy0t8igidymXExfHMzBCQbhCIdga7Onz8etqkdgkUYTZbYCSqORmULlQEIq4J3jyexMA8jdu9BRzuaKyLN3udkNjDEqICID+2hbm797Wwez24/T3vJTE3aFTP9Sd9vT1NziVEMUGr1c35+Y2b5jKnqgNKqWglMLspjs6/rj1dudie2mdao07J5s3dCzt/werJTyI1yYqpQAAAABJRU5ErkJggg==) no-repeat  2px -34px;
    }
    /* Set to green check and text when valid */
    .input-help li.valid {
      color:#3a7d34;
      background-position: 2px 6px;
    }
    .input-help h4 {
      margin:0;
      padding:0;
      font-weight: normal;
      font-size: 1.1em;
    }
    /* Always hide the input help when it's pristine */
    .input-help {
      display: none;
    }
    /* Hide the invalid box while the input has focus */
    .input-help {
      display: none;
    }
    /* Show the help box once it has focus */
    .immediate-help:focus + .input-help {
      display: block;
    }
    /* Immediate help should be red when pristine */
    .immediate-help.ng-pristine:focus + .input-help {
      border-color:#ec3f41;
    }
    .immediate-help.ng-pristine:focus + .input-help::before {
      color:#ec3f41;
    }
    /* Help hould be green when input is valid */
    .ng-valid + .input-help {
      border-color:#3a7d34;
    }
    .ng-valid + .input-help::before {
      color:#3a7d34;
    }
    /* Help should show and be red when invalid */
    .ng-invalid + .input-help {
      display: block;
      border-color: #ec3f41;
    }
    .ng-invalid + .input-help::before {
      color: #ec3f41;
    }
    /* Style input help requirement bullets */
    .input-help ul {
      list-style: none;
      margin: 10px 0 0 0;
    }
    /* Default each bullet to be invalid with a red cross and text */
    .input-help li {
      padding-left: 22px;
      line-height: 24px;
      color:#ec3f41;
    }
    /* Set to green check and text when valid */
    .input-help li.valid {
      color:#3a7d34;
      background-position: 2px 6px;
    }

    .table-header th{
      text-align:center;
    }
    .table-cont th{
      text-align:center;
    }



  .setup .form-horizontal .controls {
    margin-left: 220px;
    *margin-left: 0px;
  }

  .setup .controls-2-stream {
    margin-left: 0px;
    display: inline-block;
  }

  .setup .controls-2-stream input{
    width: 180px;
  }

  .setup .controls-2-stream input:first-child{
    margin-left: 20px;
  }

  .setup .controls-2-stream label{
    width: 194px;
    margin-left: 20px;
    margin-top: 5px;
    text-align: center;
  }

  .setup .form-horizontal .controls1_span { margin-top: 5px; text-align: center;}
  .setup .form-horizontal .controls2_span { margin-top: 5px; text-align: center;}
  .setup .form-horizontal .controls3_span { margin-top: 5px; text-align: center;}

  .setup .gop_input {
    width:120px;
  }

  .setup .avgbitrate_input {
    width:160px;
  }

  .setup .form-horizontal .controls1 {
    margin-left: 20px;
    /**margin-left: 0px;*/
    width:220px;
    display:inline-block;
  }
  .setup .form-horizontal .controls2 {
    margin-left: 10px;
    /**margin-left: 0px;*/
    width:220px;
    display:inline-block;
  }
  .setup .form-horizontal .controls3 {
    margin-left: 10px;
    /**margin-left: 0px;*/
    width:220px;
    display:inline-block;
  }

  .setup .form-horizontal .control-label {
    float: left;
    width: 200px;
    padding-top: 5px;
    text-align: right;
    max-width: 200px;
  }

  .setup .form-horizontal .control-group {
    margin-bottom: 5px;
  }

  .setup .form-horizontal .form-actions {
    padding-left: 220px;
  }

  .schedule-selected{
    border:1px solid #bababa;
    background:#eaeaea;
    padding:10px;
  }
  .schedule-list{
    border:1px solid #bababa;
    background:#efefef;
    padding:10px;

  }
  .schedule-selected-span{
    font-size: 11pt;
  }
  .setup form{
    padding-top: 10px;
    /*padding: 10px;*/
  }

  .setup legend + .control-group {
    margin-top: 5px;
  }

  .setup legend {
    margin-bottom: 5px;
    width: 100%;
    *width: 98%;
  }

  .setup .right-btn {
    padding-left: 640px;
  }

  .setup .radio-group {
    margin-left: 20px;
  }

  .setup .radio {
    margin: 10px 10px 10px 10px;
    display: inline-block;
  }

  .setup .slider {
    width: 210px;
    margin-top: 10px;
  }

  .setup .slider .slider_span {
    margin-left:220px;
  }

  .setup .tooltip-inner {
    background-color:#ffffff;
    border:1px solid #333333;
    color:#333333;
  }


  /* PTZ setup */
  .setup .camera_ptz_setup_jpeg_720 {
    /*margin-left: 250px;*/
    width:720px;
    height:405px;
    z-index: 99;
  }

  .setup .form-horizontal .ptz_preset_control-label {
    float: left;
    width: 100px;
    padding-top: 5px;
    text-align: right;
    max-width: 200px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .setup .form-horizontal .ptz_preset_controls {
    /*margin-top: 5px;*/
    margin-left: 110px;
    *margin-left: 0px;
  }

  .setup .camera_ptz_setup_ptzcontrol_area {
    margin-top: -200px;
    margin-left: 20px;
    width: 200px;
    height: 350px;
    /*background-color: #eeeee1;*/
  }

  .setup .camera_ptz_setup_preset_tour_btn {
    margin-left: 110px;
  }

  .setup .camera_ptz_setup_add_preset_btn {
    margin-left: 110px;
    width: 220px;
    margin-bottom: 5px;
  }

  .setup .camera_ptz_setup_preset_tour_area {
    /*margin-top: -130px;*/
    /*margin-left: 250px;*/
    width: 720px;
    height: 250px;
    /*background-color: #eeeee1;*/
  }

  .setup .camera_ptz_setup_preset_area {
    position: absolute;
    margin-top: 10px;
    margin-left: 20px;
    width: 330px;
  }

  .setup .camera_ptz_setup_tour_area {
    position: absolute;
    margin-top: 10px;
    margin-left: 370px;
    width: 330px;
  }

  /* Image setup */
  .setup .focus_img_area {
    height:248px;
    max-height: 248px;
    line-height: 246px;
    text-align: center;
  }
  
  .setup .focus_img_area_4_3 {
    height:248px;
    max-height: 248px;
    line-height: 246px;
    text-align: center;
  }

  .setup .focus_img_area_corridor {
    height:440px;
    max-height: 440px;
    line-height: 438px;
    text-align: center;
  }

  .setup .focus_img_area_4_3_corridor {
    height:330px;
    max-height: 330px;
    line-height: 328px;
    text-align: center;
  }

  .setup .camera_image_setup_jpeg {
    /* width:440px; */
    /* height:248px; */
    /* height: auto; */
    z-index: 9999999999999;
  }

  .setup .camera_image_setup_jpeg_720 {
    width:720px;
    height:405px;
    z-index: 9999999999999;
  }

  .setup .camera_image_setup_jpeg_720_motion {
    width:720px;
    height:405px;
    z-index: 9999999999999;
  }

  .setup .camera_image_setup_whiteBalance_area {
    position: absolute;
    margin-left: 460px;
    margin-top : -300px;
  }

  .setup .camera_image_setup_whiteBalance_area_corridor {
    position: absolute;
    margin-left: 460px;
    margin-top : -480px;
  }

  .setup .camera_image_setup_multiwindow {
    margin-left: 410px;
  }

  .setup .camera_image_setup_multiwindow2 {
    margin-top : 300px;
  }

  .setup .camera_image_setup_Exposure_area {
    /*position: absolute;*/
    margin-left: 460px;
    margin-top : -300px;
  }

  .setup .camera_image_setup_Exposure_area_corridor {
    /*position: absolute;*/
    margin-left: 460px;
    margin-top : -480px;
  }

  .setup .camera_image_setup_Exposure_calibration_btn {

    width: 220px;
  }

  .setup .camera_image_setup_focus_area1 {
    position: absolute;
    margin-left: 460px;
    margin-top : -270px;
  }

  .setup .camera_image_setup_focus_area1_corridor {
    position: absolute;
    margin-left: 460px;
    margin-top : -450px;
  }

  .setup .camera_image_setup_focus_area2 {
    /*position: absolute;*/
    /*margin-left: 460px;*/
    margin-top : 10px;
  }
  .setup .camera_image_setup_focus_area2_label {
    /*position: absolute;*/
    /*margin-left: 460px;*/
    /*margin-top : 10px;*/
    padding-top: 10px;
  }


  .setup .camera_image_setup_daynnight_area {
    width: 420px;
    position: absolute;
    margin-left: 460px;
    margin-top : -180px;
    margin-bottom: 20px;
  }

  .setup .camera_image_setup_daynnight_area_corridor {
    width: 420px;
    position: absolute;
    margin-left: 460px;
    margin-top : -360px;
    margin-bottom: 20px;
  }

  .setup .camera_image_setup_label1 {
    /*float: left;*/
    width: 100px;
    padding-top: 15px;
    text-align: right;
    max-width: 100px;
  }

   .setup .camera_image_setup_label_mirror {
    /*float: left;*/
    width: 100px;
    padding-top: 15px;
    text-align: right;
    max-width: 100px;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }

  .setup .camera_image_setup_control {
    margin-left: 120px;
    *margin-left: 0px;
    margin-bottom: 5px;
    margin-top : -25px;
  }

  .setup .camera_image_setup_label2 {
    float: left;
    width: 150px;
    padding-top: 5px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .setup .top_margin {
    margin-top :30px;
  }

  .setup .width220 {
    width: 220px;
  }

  .setup .camera_image_setup_label2_sub {
    width: 100px;
    padding-top: 5px;
    text-align: right;
  }

  .setup .camera_image_setup_controls2 {
    margin-left: 160px;
    *margin-left: 0px;
    margin-bottom: 5px;
  }

  .setup .camera_image_setup_day_n_night_selectbox1 {
    width: 150px;
  }

  .setup .camera_image_setup_day_n_night_selectbox2 {
    width: 100px;
  }

  .setup .camera_image_setup_slider {
    width: 210px;
    margin-top: -15px;
    margin-left: 120px;
  }

  .setup .camera_image_setup_slider2 {
    width: 210px;
    margin-top: -15px;
    margin-left: 120px;
  }

  .setup .camera_image_setup_slider_input {
    width: 50px;
    margin-top: -15px;
    margin-left: 350px;
  }

  .setup .camera_osd_setup_slider {
    width: 210px;
    margin-top: 10px;
  }

  .setup .camera_osd_setup_slider_input {
    width: 50px;
    margin-top: -10px;
    margin-left: 230px;
  }

  .setup .camera_osd_setup_radio {
    margin-left: 210px;
    margin-top: -5px;
  }

  .setup .camera_osd_setup_area {
    margin-top: 5px;
    width: 600px;
  }

  .setup .camera_osd_setup_checkbox {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width: 80px;
    float: left;
    margin-left: 15px;
  }
  .setup .camera_osd_setup_checkbox input{
    margin-top: -1px;
  }

  .setup .width55 {
    width: 55px;
    margin-top: -8px;
    margin-bottom: 5px;
  }

  .setup .width50 {
    width: 50px;
    margin-top: -8px;
    margin-bottom: 5px;
  }

  .setup .width40 {
    width: 40px;
    margin-top: -8px;
    margin-bottom: 5px;
  }

  .setup .camera_image_setup_bright_area {
    margin-top: 30px;
  }

  .setup .camera_image_setup_illumination_level {
    margin-top: 10px;
  }

  .setup .camera_image_setup_dnn_sensitivity {
    margin-top: -20px;
  }

  .setup .camera_image_setup_level_mode {
    display: table-cell;
    width: 100px;
    margin-top: 2px;
  }

  .setup .text_align_center {
    text-align: center;
  }

  .setup .padding_top10 {
    padding-top: 10px;
  }

  .setup .camera_image_setup_mode_label {
    float: left;
    width: 170px;
    padding-top: 5px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* MOTION */
  .maskViewer {
    width:720px;
    height:405px;
  }

  .setup .live_area {
    width:640px;
    height:360px;
    max-height: 360px;
    max-width: 640px;
    text-align: center;
    line-height: 358px;
  }

  .setup .live_area_4_3 {
    width:480px;
    height:360px;
    max-width: 480px;
    max-height: 360px;
    text-align: center;
    line-height: 358px;
  }

  .setup .live_area_corridor {
    width:360px;
    height:640px;
    max-height: 640px;
    max-width: 360px;
    text-align: center;
    line-height: 638px;
  }

  .setup .live_area_4_3_corridor {
    width:360px;
    height:480px;
    max-width: 360px;
    max-height: 480px;
    text-align: center;
    line-height: 478px;
  }

  .setup .maskarea {
    width:auto;
    height:360px;
  }

  .setup .maskarea_auto {
    width:auto;
    height:360px;
  }

  .setup .maskarea_full {
    width:100%;
    height:360px;
  }

  .setup .maskarea_auto_corridor {
    width:auto;
    height:480px;
  }

  .setup .maskarea_full_corridor {
    width:100%;
    height:100%;
  }

  .setup .camera_motion_btn_area {
    width: 720px;
    margin-top : 10px;
    text-align: right;
  }

  .setup .user_auth_table{
    max-width: 400px;
    width: 400px;
  }
  .setup .user_auth_table_center{
    text-align: center;
    width: 70px;
  }

  .setup .user_management_input{
    width: 95%;
  }
  .pass_rule {
    color: green;
  }

  .not_pass_rule {
    color: red;
  }

  .setup .system_schedule_preset_input_60{
    width: 100px;
  }
  .setup .system_schedule_preset_input_150px{
    width: 150px;
  }
  .setup .system_schedule_preset_input_70{
    width: 150px;
  }
  .setup .system_schedule_preset_input_95{
    width: 95%;
  }

  .setup .system_schedule_preset_table_min_width{
    min-width: 700px;
    width: 700px;
  }

  .setup .storage_input{
    width: 90%;
  }

  .setup .storage_input_btn{
    width: 120px;
  }

  .setup .event_alarm_input_table_td{
    width: 100px;
  }

  .setup .event_alarm_input_table_td2{
    width: 60px;
  }

  .setup .event_alarm_input{
    width: 90%;
  }

  .set_days {
   position:absolute;
   display:none;
   height:1px;
  }

  .setup .sub_set_days {
    position:absolute;
    display:inline;
    top:-30px;
    margin-left: 150px;
    background-color:#ffffff;
    border:solid 2px #d0d0d0;
    width: 400px;
    height:110px;
    padding: 5px;
  }

  table.motion {width:640px; height:360px; padding:0; margin-top:-360px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}
  table#mblock li { padding: 1px; float:left; filter: alpha(opacity=20); opacity: 0.2; khtmlopacity: 0.2; mozopacity: 0.2; }
  table#mblock .mot_td { filter: alpha(opacity=20); opacity: 0.2; khtmlopacity: 0.2; mozopacity: 0.2; border: 2px solid white;}
  #mblock li { padding: 1px; float:left; filter: alpha(opacity=20); opacity: 0.2; khtmlopacity: 0.2; mozopacity: 0.2; }
  #mblock .mot_td { filter: alpha(opacity=20); opacity: 0.2; khtmlopacity: 0.2; mozopacity: 0.2; }
  #mblock .mot_bg0 {background-color: #dadada}
  #mblock .mot_bg1 {background-color: #ff0000}
  #mblock .mot_bg2 {background-color: #ffff00}
  #mblock .mot_bg3 {background-color: #dada00}
  #mblock .mot_bg4 {background-color: rgb(204,175,10)}
  #mblock .mot_bg5 {background-color: rgb(128,0,128)}
  #mblock .mot_bg6 {background-color: rgb(51,153,51)}
  #mblock .mot_bg7 {background-color: rgb(0,32,96)}

  table.motion_4_3 {width:480px; height:360px; padding:0; margin-top:-360px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}

  table.motion_corridor {width:360px; height:640px; padding:0; margin-top:-640px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}
  table.motion_4_3_corridor {width:360px; height:480px; padding:0; margin-top:-480px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}

  .privcell { background-color: #777777; filter: alpha(opacity=30); opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4; border: 2px solid white;}
  .privcell:hover { background-color: #ff9600; border: 2px solid white;}
  div#privmaskimg {width:640px; height:360px; z-index:-2000; }
  div#privmaskimg img {width:640px; height: 360px; }
  table#privmaskBlock {width:640px; height: 360px; padding:0; margin-top:-360px; background-repeat:no-repeat; border: 1px solid white; background-position:center;  z-index:1000;}
  table#privmaskBlock td.ui-selected { background-color: #ff3c00; opacity: 0.9999; khtmlopacity: 0.9999; mozopacity: 0.9999;}
  table#privmaskBlock td.ui-selecting { background-color: #ff3c00; opacity: 0.9999; khtmlopacity: 0.9999; mozopacity: 0.9999;}

  .mfzblock {background-color: #777777; filter: alpha(opacity=30); opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4; border: 1px solid white;}
  .mfzblock:hover { background-color: #ff9600;}
  div#mfzimg {width:440px; height:248px; z-index:-2000; }
  div#mfzimg img {width:440px; height: 248px; }
  table.focus {width:440px; height: 248px; padding:0; margin-top:-248px; background-repeat:no-repeat; border-collapse: collapse; background-position:center; z-index:1000;}
  table.focus_corridor {width:248px; height: 440px; padding:0; margin-top:-440px; margin-left: 96px; background-repeat:no-repeat; border-collapse: collapse; background-position:center; z-index:1000;}
  table.focus_4_3 {width:330px; height: 248px; padding:0; margin-top:-248px; margin-left: 55px; background-repeat:no-repeat; border-collapse: collapse; background-position:center; z-index:1000;}
  table.focus_4_3_corridor {width:248px; height: 330px; padding:0; margin-top:-330px; margin-left: 96px; background-repeat:no-repeat; border-collapse: collapse; background-position:center; z-index:1000;}
  
  table#focusblock td.ui-selected { background-color: #ff3c00}
  table#focusblock td.ui-selecting { background-color: #ff3c00}

  div.focus_live_area {width:440px; height:248px; text-align: center;}
  div.focus_live_area_corridor {width:440px; height:440px; text-align: center;}

  .roicell { background-color: #777777; filter: alpha(opacity=30); opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4; border: 2px solid white;}
  .roicell:hover { background-color: #ff9600; border: 2px solid white;}
  div#roimaskimg {width:640px; height:360px; z-index:-2000; }
  div#roimaskimg img {width:640px; height: 360px; }
  /*table#roimaskBlock {width:640px; height: 360px; padding:0; margin-top:-360px; background-repeat:no-repeat; border: 1px solid white; background-position:center;  z-index:1000;}*/
  table#roimaskBlock td.ui-selected { background-color: #ff3c00; opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4;}
  table#roimaskBlock td.ui-interested { background-color: #FFBF00; opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4;}
  table#roimaskBlock td.ui-nointerested { background-color: #58D3F7; opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4;}
  table#roimaskBlock td.ui-selecting { background-color: #ff3c00; opacity: 0.4; khtmlopacity: 0.4; mozopacity: 0.4;}

  table.roimask {width:640px; height:360px; padding:0; margin-top:-360px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}
  table.roimask_4_3 {width:480px; height:360px; padding:0; margin-top:-360px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}

  table.roimask_corridor {width:360px; height:640px; padding:0; margin-top:-640px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}
  table.roimask_4_3_corridor {width:360px; height:480px; padding:0; margin-top:-480px; background-repeat:no-repeat; border-collapse: collapse; background-position:center;  z-index:1000;}

  .ng-pristine {  }
  .ng-dirty.ng-valid {  }
  .ng-dirty.ng-invalid { border:1px solid Red; }
  .ng-dirty.ng-valid ~ span.ok { color:green; display:inline; }
  .ng-dirty.ng-invalid ~ span.ko { color:red; display:inline; }

  .setup .mfz_focus_sub_label_wrap {
    display:inline-block;
  }

  .setup .threshold_percent {
    margin-top: -30px;
    margin-left: 420px;
  }

  /* EVENT */
  .setup .event_action_alarmout_input {
    width: 90%;
  }

  .setup .event_action_alarmout_table_td{
    width: 100px
  }

  .setup .event_action_alarmout_table_td_host {
    width: 120px;
  }

  .setup .event_action_alarmout_table_td_port {
    width: 80px;
  }

  .setup .event_notification_table{
    max-width: 500px;
    width: 500px;
  }
  .setup .event_notification_schedule_area {
    width: 600px;
  }
  .setup .event_notification_schedule_label {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width: 170px;
    float: left;
    margin-left: 10px;
  }
  .setup .event_notification_schedule_label input{
    margin-top: -1px;
  }



  .modal-sendimage {
    /*width: 600px;
    margin-left: -250px;*/
  }
  .modal-sendimage .control-label{
    float: left;
    width: 200px;
    padding-top: 5px;
    text-align: right;
    max-width: 200px;
  }
  .modal-sendimage .controls {
    margin-left: 220px;
    *margin-left: 0px;
  }

  .modal-sendimage .event_notification_schedule_area {
    width: 480px;
  }
  .modal-sendimage .event_notification_schedule_label {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width: 150px;
    float: left;
    margin-left: 10px;
  }
  .modal-sendimage .event_notification_schedule_label input{
    margin-top: -1px;
  }

  .edit_schedule_modal .event_notification_schedule_area {
    width: 480px;
  }
  .edit_schedule_modal .event_notification_schedule_label {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width: 150px;
    float: left;
    margin-left: 10px;
  }
  .edit_schedule_modal .event_notification_schedule_label input{
    margin-top: -1px;
  }



  /* Record */
  select.record_policy_dialog_select {
    width: auto;
    max-width: 200px;
  }
  select.record_policy_dialog_select {
    width: auto;
    max-width: 200px;
  }
  .setup .record_policy_dialog_table {
    width: auto;
    max-width: 200px;
  }
  select.record_policy_dialog_select_audio {
    width: 100px;
  }

  .setup .record_policy_checkbox_area {
    max-width: 600px;
  }

  .setup .record_policy_checkbox {
    margin-top: -2px;
    margin-right: 3px;
  }

  .setup .record_policy_checkbox_label {
    margin-right: 20px;
  }

  .setup .record_policy_checkbox_span {
    margin-top: 5px;
    margin-bottom: -10px;
    width:190px;
  }

  .modal-policy {
    width: 700px;
    margin-left: -350px;
  }
  .modal-policy .control-label{
    float: left;
    width: 200px;
    padding-top: 5px;
    text-align: right;
    max-width: 200px;
  }
  .modal-policy .controls {
    margin-left: 220px;
    *margin-left: 0px;
  }

  .modal-policy .box_area1 {
    width: 250px;
    border:1px solid #ddd;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    margin-left: 0px;
    margin-bottom: 50px;
  }

  .modal-policy .box_area2 {
    width: 250px;
    border:1px solid #ddd;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    margin-left: 280px;
  }

  .modal-policy .box_area3 {
    width: 80px;
    border:1px solid #ddd;
    margin-left: 560px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    position: absolute;
  }

  .modal-policy .box_area4 {
    margin-top: 50px;
  }

  .modal-policy .box_area_label {
    background-color: #ffffff;
    margin-top: -25px;
    /*margin-left: 30px;*/
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    width: auto;
  }



  .SessionSetup {
    position: fixed;
    top: 45px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #edeff1;
    vertical-align:middle;
    /*padding-top: 53px;*/
    padding-left: 53px;

    padding-right: 53px;

    max-height: 100%;
    overflow: auto;
  }

  .SessionSetup .subTitle {
    padding-left: 55px;
  }

  .SessionSetup .subContent {
    padding-left: 110px;
  }

  .SessionSetup-nav {
    position: fixed;
    top: 45px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 185px;
    background-color: #36393d;
    vertical-align:middle;
    color : #b6babe;
    border: 0px;
  }

  .SessionSetup-nav .accordion-group {
    padding-top: 15px;
    padding-left: 10px;
    border: 0px;
  }

  .SessionSetup-nav .accordion-group a{
    color : #b6babe;
  }

  .SessionSetup-nav .accordion-group .accordion-inner {
    border:0px;
  }

  .sessionSaveOrCancel {
    position: fixed;
    /*top: 45px;*/
    left: 185px;
    right: 0px;
    bottom: 0px;
    /*width: 185px;*/
    height: 40px;
    /*background-color: #36393d;*/
    vertical-align:middle;
    padding-top : 20px;
  }

  .sessionBtn-Save {
    margin-left: 290px;
    margin-top: 5px;
  }

  .sessionBtn-cancel {
    /*margin-left: 290px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
  }


  .SessionSetup .submit_area {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: right;
    max-width: 650px;
    min-width: 650px;
    width: 650px;
  }

  .SessionSetup .submit_area button {
    margin-left: 1px;
    width: 100px;
    height: 22px;
    border-radius: 5px;
    line-height: 13px;
    box-shadow:0;
    border:1px solid #44597B;
    color: #fff;

    background: #6394C4; /* Old browsers */
    background: -moz-linear-gradient(top,  #6394C4 0%, #4C81B2 44%, #2F689A 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6394C4), color-stop(44%,#4C81B2), color-stop(100%,#2F689A)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6394C4 0%,#4C81B2 44%,#2F689A 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6394C4', endColorstr='#2F689A',GradientType=0 ); /* IE6-9 */
  }

  .pageLoadProgress {
    position:absolute;
    top:50%;
    left:50%;
    width:auto;
    height:auto;
    overflow:hidden;
    margin:auto;
    z-index:9999999999999999999;
  }


  .mfz_focus_main_label_wrap {
    width:100px;
    text-align:center;
    display:inline-block;
    cursor:auto;
  }

  .mfz_focus_sub_label_wrap {
    width:50px;
    text-align:center;
    display:inline-block;
    cursor:auto;
    height:100%;
  }

  .mfz_focus_sub_align_right {
    font-size:8px;
    text-align:right;
    cursor:auto;
  }

  .mfz_focus_sub_align_left {
    font-size:8px;
    text-align:left;
    cursor:auto;
  }

  .mfz_focus_sub_align_center {
    font-size:8px;
    text-align:center;
    cursor:auto;
  }

  .mfz_focus_plus_minus_button_wrap {
    width:25px;
    text-align:center;
    display:inline-block;
  }

  .mfz_focus_plus_minus_button {
    width:100%;
    height:100%;
  }

  .mfz_focus_slider_wrap {
    width:200px;
    display:inline-block;
    line-height:30px;
  }

  .mfz_focus_goto_button_wrap {
    width:80px;
    text-align:center;
    display:inline-block;
  }

  .mfz_focus_goto_button {
    width:80px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mfz_focus_label {
    width:280px;
    display:inline-block;
    cursor:auto;
  }

  .mfz_focus_label_info {
    width:100%;
    height:100%;
    font-size:12px;
    text-align:left;
    cursor:auto;
  }

  .mfz_focus_label_wran_wrap {
    width:440px;
    display:inline-block;
    margin-top: 10px;
    cursor:auto;
  }

  .mfz_focus_label_wran {
    width:100%;
    height:100%;
    font-size:12px;
    text-align:left;
    cursor:auto;
  }

  .mfz_focus_label_wran_while_operating_wrap {
    width:440px;
    display:inline-block;
    margin-top: 10px;
    cursor:auto;
  }

  .mfz_focus_label_wran_while_operating {
    width:100%;
    height:100%;
    font-size:12px;
    text-align:left;
    display:none;
    color:#ff0000;
    cursor:auto;
  }

  .mfz_focus_default_pos_button {
    width:122px;
    display:inline-block;
  }

  .mfz_focus_default_pos_button button{
    width:154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
  }

  .mfz_focus_fullscreen_button_wrap {
    width:50px;
    display:inline-block;
  }

  .setup .mfz_focus_input_wrap {
    display: inline-block;
  }

  .setup .mfz_focus_onepush_wrap {
    width:auto;
    text-align:center;
    display:inline-block;
  }

  .setup .mfz_focus_onepush_button_wrap {
    width:100%;
    margin-left:20px;
  }

  .setup .mfz_focus_home_button_wrap {
    display: inline-block;
  }

  #fileupload0 {
    width:100%;
  }

  .date-controls {
    display: inline-flex;
  }
  .date-label {
    font-size: 9px;
  }
  .horizontal.well{
    margin-bottom : 0px;
    padding-left:40px;
  }
  .horizontal label{
    display:inline-block;
    margin-right:40px;
    margin-bottom:0px;
    vertical-align: middle;
  }
  .horizontal input{
    vertical-align: middle;
    margin:0px;
  }

  .setup .ping_wrapper{
    height:30px;
    line-height: 30px;
    width:180px;
  }

  #hostActivity{
    width:170px;
  }

  #hostIp {
    width:110px;
  }

  .setup .slider_wrapper{
    display:inline-block;
    height:30px;
    line-height:30px;
  }
  
  .setup .hold_off_time_setup_slider{
    display:inline-block;
    font-size:15px;
    width:200px;
    vertical-align: middle;
  }

  .setup .slider_wrapper .sec{
    display:inline-block;
    margin-left:15px;
  }

  .setup .input_hold_off_time{
    width:35px;
    height:15px;
  }

  .setup .sec_input_wrapper span{
    display:inline-block;
    vertical-align: middle;
    width:100px;
    font-size:12px;
  }
  
  .setup .sec_input_wrapper span{
    width:50px;
    font-size:13px;
    line-height:13px;
    position: relative;
    margin-left:10px;
  }

  .setup .sec_input_wrapper{
    width:80px;
  }

  .setup .sec_input_wrapper>input{
    width:35px;
  }

  .setup #netlossIp{
    width:150px;
  }

  .setup .slider_wrapper span>strong{
    font-size:15px;
  }

  .setup .setup_ptz_preset{
    width:110px;
  }

  .setup-content-area th{
    word-break: keep-all;
  }

  .red_font{
    color:red;
  }
  .grey{
    background-color: #b6babe;
  }

  .flex {
    display: -ms-flexbox;
  }

  .add_margin_right_10px {
    margin-right: 10px;
  }

  .add_text_align_center {
    text-align: center;
  }

  .upload_layout {
    margin : 5px 0;
  }

  .upload_layout input[type="file"] {
    display : inline-block;
    width:82%;
  }

  #serverType {
    text-align: center;
  }

  .cert_info_item div {
    display : inline-block;
    width: 25%;
    margin-right: 10px;
    text-align: right;
  }

  .cert_info {
    width: 354px;
  }

  .cert_info2 {
    margin-left: 10px;
    text-align: center;
    width: 153px;
  }

  .notice_body {
    white-space: pre-line;
  }

  .setup .form-horizontal button.nac_button {
    width: 90px;
  }

  .add_margin_top_10px {
    margin-top: 10px;
  }

  .add_margin_left_10px {
    margin-left: 10px;
  }

  .setup .cert_btn {
    width: 108px;
  }

  /* MODAL CSS */
  .modal-header{
    background-color: #e9eff4;
  }
  .modal-body{
    background-color: #e9eff4;
  }
  .modal-footer{
    background-color: #e9eff4;
  }
  .modal-body .red_font {
    color : red;
  }
  
  .setup .camera_image_setup_label3 {
    float: left;
    width: 150px;
    padding-top: 5px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
  }
  
  h4.titleText {
    font-weight:bold;
    font-size:14px;
    color:#ec7a00;
  }

  h4.titleText span {
    background-color: #ec7a00
  }

  h4.titleText-map {
    font-weight:bold;
    font-size:14px;
    color:#ec7a00;
  }

  h4.titleText-map span {
    background-color: #ec7a00
  }

  .modal-body .control-label {
    float: left;
    width: 210px;
    padding-top: 5px;
    text-align: right;
    max-width: 210px;
    font-weight: bold;
    margin-right: 20px;
  }

  .modal-body .form-control {
    width: 90px;
    display:inline;
  }

  .modal-dialog {
    width: 600px;
  }

  .modal-lg {
    width: 900px;
  }

  .question_label {
    font-weight: bold;
  }

  .control-select {
    max-width: 200px;
    width: 200px;
    padding-top: 5px;
    text-align: center;
  }

  .auth_group {
    display: flex;
  }
  
  .email_auth_btn {
    float:left;
    white-space:nowrap;
    height:30px;
    line-height:15px;
    font-size:13px;
    margin-top: 0px;
  }

  .new-answer-input {
    display: inline-block;
  }

  .question_modal {
    width: 900px; 
    position: absolute;
    top: 50% !important;
    left: 50%;
    margin-left: 0px;
    transform: translate(-50%, -50%);
  }

  .question_span {
    display: inline-block;
  }

  .wait_modal_custom {
    width: 300px; 
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 0px;
    transform: translate(-50%, -50%);
  }

  .wait_modal_custom .modal-dialog {
    width: 300px;
  }

  .modal-body {
    max-height: 600px;
  }

  .email_auth_body {
    padding-bottom: 0px;
  }

  .email_auth_show {
    display: flex;
    text-align: left;
    width: 250px;
    float: left;
    margin-bottom: 0px;
  }

  .email_auth_show label {
    margin-left: 10px;
    flex: 1;
    margin-top: 8px;
  }

  .email_auth_footer_btn {
    width: 280px;
    float: right;
  }

  .list_name {
    width: 80% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
  }

  .add-btn {
    margin-left: 20px;
  }

  .modal-body .control-label2 {
    float: left;
    width: 130px;
    padding-top: 5px;
    text-align: right;
    max-width: 210px;
    font-weight: bold;
    margin-right: 20px;
  }

  .http-cmd-input {
    width: 324px;
  }
}