html {
    font-family: sans-serif;
    
    -ms-text-size-adjust: 100%;
    
    -webkit-text-size-adjust: 100%;
     }
  
  
  body {
    margin: 0; }
  
  
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
    display: block; }
  
  
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    
    vertical-align: baseline;
     }
  
  
  audio:not([controls]) {
    display: none;
    height: 0; }
  
  
  [hidden],
  template {
    display: none; }
  
  
  
  a {
    background-color: transparent; }
  
  
  a:active, a:hover {
    outline: 0; }
  
  
  
  abbr[title] {
    border-bottom: 1px dotted; }
  
  
  b,
  strong {
    font-weight: bold; }
  
  
  dfn {
    font-style: italic; }
  
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  
  
  mark {
    background: #ff0;
    color: #000; }
  
  
  small {
    font-size: 80%; }
  
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  
  sup {
    top: -0.5em; }
  
  sub {
    bottom: -0.25em; }
  
  
  
  img {
    border: 0; }
  
  
  svg:not(:root) {
    overflow: hidden; }
  
  
  
  figure {
    margin: 1em 40px; }
  
  
  hr {
    box-sizing: content-box;
    height: 0; }
  
    .hr-guest {
          box-sizing: content-box;
          height: 0;
          padding: 0px;}
  
  pre {
    overflow: auto; }
  
  
   pre strong {
     font-family: sans-serif !important;
   }
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  
  
  
  
  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    
    font: inherit;
    
    margin: 0;
     }
  
  
  button {
    overflow: visible; }
  
  
  button,
  select {
    text-transform: none; }
  
  
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    
    cursor: pointer;
     }
  
  
  button[disabled],
  html input[disabled] {
    cursor: default; }
  
  
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  
  
  input {
    line-height: normal; }
  
  
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    
    padding: 0;
     }
  
  
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  
  
  input[type="search"] {
    -webkit-appearance: textfield;
    
    box-sizing: content-box;
     }
  
  
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  
  
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }
  
  
  legend {
    border: 0;
    
    padding: 0;
     }
  
  
  textarea {
    overflow: auto; }
  
  
  optgroup {
    font-weight: bold; }
  
  
  
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  
  td,
  th {
    padding: 0; }
  
  @font-face {
    font-family: "FuturaBT";
    src: url("../../../fonts/futubd.eot");
    src: url("../../../fonts/futubd.eot?#iefix") format("embedded-opentype"), url("../../../fonts/futubd.woff") format("woff"), url("../../../fonts/futubd.ttf") format("truetype");
    font-weight: 700;
    font-style: normal; }
  
  @font-face {
    font-family: "FuturaBT";
    src: url("../../../fonts/futuram.eot");
    src: url("../../../fonts/futuram.eot?#iefix") format("embedded-opentype"), url("../../../fonts/futuram.woff") format("woff"), url("../../../fonts/futuram.ttf") format("truetype");
    font-weight: 500;
    font-style: normal; }
  
  @font-face {
    font-family: "FuturaBT";
    src: url("../../../fonts/futult.eot");
    src: url("../../../fonts/futult.eot?#iefix") format("embedded-opentype"), url("../../../fonts/futult.woff") format("woff"), url("../../../fonts/futult.ttf") format("truetype");
    font-weight: 300;
    font-style: normal; }
  
  @font-face {
    font-family: "FuturaBT";
    src: url("../../../fonts/futultit.eot");
    src: url("../../../fonts/futultit.eot?#iefix") format("embedded-opentype"), url("../../../fonts/futultit.woff") format("woff"), url("../../../fonts/futultit.ttf") format("truetype");
    font-weight: 300;
    font-style: italic; }
  
  .f-row .title-group-inputs, .f-wrap .label, .button.link, .text.notes, .f-row .title-group-inputs.sub-title-light, .f-wrap .select-multiline, .f-wrap .input, .f-wrap .input-label-inline .span, .f-row.time .time-label, .f-wrap .combo-box {
    font-family: "FuturaBT", Helvetica, Arial, sans-serif;
    font-weight: 300; }
  
  .button, .link-button, .f-wrap.button-radio .custom-radio, .main-title, .section-title, .sub-title, .link,
  .next, .wrapper-status ul li dl dd, .item-menu label,
  .item-menu a {
    font-family: "FuturaBT", Helvetica, Arial, sans-serif;
    font-weight: 500; }
  
  .wrapper-status ul li dl dt, .wrapper-status ul li dl dd span, .holder-main-menu-button .main-menu-button, .item-menu label.back {
    font-family: "FuturaBT", Helvetica, Arial, sans-serif;
    font-weight: 700; }
  
  @font-face {
    font-family: "Roboto";
    src: url("../../../fonts/roboto-regular.eot");
    src: url("../../../fonts/roboto-regular.eot?#iefix") format("embedded-opentype"), url("../../../fonts/roboto-regular.woff") format("woff"), url("../../../fonts/roboto-regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal; }
  
  @font-face {
    font-family: "Roboto";
    src: url("../../../fonts/roboto-medium.eot");
    src: url("../../../fonts/roboto-medium.eot?#iefix") format("embedded-opentype"), url("../../../fonts/roboto-medium.woff") format("woff"), url("../../../fonts/roboto-medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal; }
  
  .main-title .extra-info, .text, .table, .table-protocols, .list li {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400; }
  
  .f-row.time .span, .f-wrap.input-length2 .label, .table-protocols thead, .list li strong {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 500; }
  
  @font-face {
    font-family: "icons-net";
    src: url("../../../fonts/icons-net.eot");
    src: url("../../../fonts/icons-net.eot?#iefix") format("embedded-opentype"), url("../../../fonts/icons-net.ttf") format("truetype"), url("../../../fonts/icons-net.woff") format("woff");
    font-weight: 400;
    font-style: normal; }
  
  .gl-icon-arrow-right:before, .gl-icon-fone:before, .gl-icon-ip:before, .gl-icon-signal:before, .gl-icon-wifi:before, .gl-icon-check:before, .f-wrap.checkbox .radio-check:before, .f-wrap-new.checkbox .radio-check:before, .gl-icon-on:before, .gl-icon-menu:before, .gl-icon-plus:before, .gl-icon-minus:before, .gl-icon-cross:before, .button.icon .icon-arrow-right, .buttonParental .icon-arrow-right, .wrapper-status ul li label, .icon-close, .holder-main-menu-button .main-menu-button .icon, .item-menu label.back-close.icon-close, .item-menu label .holder-state .plus,
  .item-menu label .holder-state .minus {
    -webkit-font-smoothing: grayscale;
    -moz-font-smoothing: grayscale;
    -ms-font-smoothing: grayscale;
    display: inline-block;
    font-family: "icons-net";
    font-weight: 400; }
  
  .gl-icon-arrow-right:before {
    content: "\e902"; }
  
  .gl-icon-fone:before {
    content: "\e901"; }
  
  .gl-icon-ip:before {
    content: "\e903"; }
  
  .gl-icon-signal:before {
    content: "\e900"; }
  
  .gl-icon-wifi:before {
    content: "\e904"; }
  
  .gl-icon-check:before, .f-wrap.checkbox .radio-check:before, .f-wrap-new.checkbox .radio-check:before {
    content: "\e905"; }
  
  .gl-icon-on:before {
    content: "\e906"; }
  
  .gl-icon-menu:before {
    content: "\e907"; }
  
  .gl-icon-plus:before {
    content: "\e908"; }
  
  .gl-icon-minus:before {
    content: "\e909"; }
  
  .gl-icon-cross:before {
    content: "\e90a"; }
  
  .wrapper-status ul, .net-content, .holder-menu,
  .holder-sub-menu, .list {
    list-style: none;
    margin: 0;
    padding: 0; }
  
  .button:hover, .buttonParental:hover, .link-button:hover, .f-wrap.button-radio .custom-radio:hover, .f-wrap .custom-radio-controler:checked + .custom-radio {
    background: #a7a8aa; }
  
  .button, .link-button, .f-wrap.button-radio .custom-radio {
    background: #e1e4eb;
    border: 0;
    color: #333;
    display: inline-block;
    font-size: 16px;
    line-height: 50px;
    outline: none;
    padding: 0 30px;
    text-transform: uppercase; }
  
  .pw-security-level {
    display: block !important;
    float: left;
    color: red;
    font-size: 10pt !important;
    margin-top: -35px !important;
    font-weight: unset;
    padding-left: 12px
  }
  .medium-pw {
    color: orange !important
  }
  .strong-pw {
    color: green !important;
  }
  .radio-check.disabled:before {
    color: #cccccc !important;
  }
  .pw-security {
    float: left;
    color: red;
    font-size: 10pt !important;
    margin-top: -35px !important;
    font-weight: unset;
  }
    
  .f-row .title-group-inputs, .f-wrap .label {
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 15px; }
  
  .f-row .f-wrap .guide-msg{
    display: block;
    font-size: 10pt;
    font-family: "FuturaBT";
    line-height: 20px;
    margin: 0 0 15px;
    text-align: right;}
  
  .lt-ie9 .f-wrap .custom-radio-controler, .wrapper-main .holder-main .collumn {
    display: inline;
    zoom: 1; }
  
  .button {
    font-size: 16px;
    line-height: 40px;
    padding: 0 30px; }
    @media screen and (max-width: 768px) {
      .button {
        padding: 0;
        width: 100%; } }
    @media screen and (max-width: 490px) {
      .button {
        width: 80%;
      } }
    .button .holder-icon {
      clear: both;
      display: block;
      position: relative; }
    .button.icon .icon-arrow-right, .buttonParental .icon-arrow-right {
      display: inline;
      margin-left: 10px; }
    .button.link {
      background: transparent;
      color: #a7a8aa;
      font-size: 18px;
      line-height: 18px;
      padding: 0;
      text-decoration: underline;
      text-transform: none; }
      .button.link:hover {
        background: transparent;
        text-decoration: none; }
      .button.link.disable {
        display: none;
      }
  
  .link-button {
    line-height: 20px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    border-bottom: solid 3px #f1f1f1;
    width: 100%; }
  
  .main-title,
  .section-title,
  .sub-title,
  .text {
    color: #000000;
    text-align: center; }
  
  .main-title {
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 60px;
    padding: 30px 0 0; }
    .main-title .extra-info {
      display: block;
      font-size: 20px;
      line-height: 20px;
      margin: 0 0 20px;
      text-align: left; }
    .holder-page-title.apscan .main-title {
      padding: 75px 0 0;
    }
  
  .section-title {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 30px; }
  
  .section-subtitle {
    text-align: left;
    font-size: 18px;
    margin: 0 10px 14px;
    font-weight: 300; }
  
  .sub-title {
    font-size: 20px;
    line-height: 25px; }
  
  .text {
    font-size: 20px;
    line-height: 25px;
    margin: 30px 0;
    text-align: center;
    }
    .sub-text {
         font-size: 20px;
         line-height: 25px;
         text-align: left;
         font-weight: 100;
         padding-left: 265px;
         margin-top: -15px;
      }
    .text.footer {
      font-size: 16px;
      line-height: 20px; }
    .text.feedback {
      background: #f1f1f1;
      color: #333;
      line-height: 60px;
      margin: 0; }
      .text.feedback .checked {
        background: url("../../../img/checked.png") no-repeat center center;
        display: inline-table;
        height: 17px;
        margin-right: 10px;
        width: 23px; }
    .text.notes {
      font-size: 16px;
      line-height: 16px;
      margin-top: 0;
      text-align: left; }
  
  .link,
  .next {
    color: #a7a8aa;
    font-size: 16px;
    line-height: 20px; }
    .link:hover,
    .next:hover {
      text-decoration: none; }
    .link.close,
    .next.close {
      color: #fff; }
  
  .f-row {
    font-size: 0;
    margin: 0 auto;
    max-width: 670px;
    text-align: center;
    width: 100%; }
    .f-row .f-wrap {
      box-sizing: border-box;
      display: inline-block;
      font-size: 1rem;
      text-align: left;
      vertical-align: top;
      width: 100%; }
    .f-row .title-group-inputs {
      text-align: center; }
      .f-row .title-group-inputs.sub-title-light {
        font-size: 20px;
        line-height: 25px;
        text-align: left; }
    .f-row.error .title-group-inputs {
      color: #b62121; }
  
  .f-wrap .select-multiline {
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 0;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 20px;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .f-wrap .select-multiline option {
      padding: 12px 30px; }
      .f-wrap .select-multiline option[selected] {
        background-color: #ff9c00; }
  
  .f-wrap.error .select-multiline {
    border-color: #b62121;
    color: #b62121; }
  .custom-input {
    background: #fff;
    border: solid 2px #dad5d5;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 20px;
    line-height: 23px;
    margin: 0 auto;
    outline: none;
    padding: 12px 30px;
    width: 85%;
  }
  .change-pw-popup {
    position: absolute;
    background: #ffffff;
    width: 500px;
    height: auto;
    border-radius: 10px;
    top: 26%;
    left: 37%;
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
  }
  .f-wrap .input {
    background: #fff;
    border: solid 1px #f1f1f1;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 20px;
    
    margin: 0 0 20px;
    outline: none;
    padding: 12px 30px;
    width: 100%; }
    @media screen and (max-width: 1920px) {
    .f-wrap #wifi-net-name,
    .f-wrap #network_name {
      line-height: 30px; }}
    @media screen and (max-width: 768px) {
    .f-wrap #wifi-net-name,
    .f-wrap #network_name {
      line-height: 25px; }}
  
  .f-wrap.error .label {
    color: #b62121; }
  
  .f-wrap.error .input {
    border-color: #b62121;
    color: #b62121; }
  
  .f-wrap .input-label-inline {
    display: table;
    margin-bottom: 20px;
    width: 100%; }
    .f-wrap .input-label-inline .span {
      display: table-cell;
      vertical-align: middle;
      font-size: 20px;
      line-height: 20px;
      margin: 0 0 15px;
      text-align: center;
      width: 150px; }
    .f-wrap .input-label-inline .input {
      margin: 0;
      display: table-cell; }
  
  .f-wrap.error .span {
    color: #b62121; }
  
  .f-wrap .input-button-inline {
    display: table;
    position: relative;
    width: 100%; }
    .f-wrap .input-button-inline.error .input {
      border-color: #b62121;
      color: #b62121; }
    @media screen and (max-width: 768px) {
      .f-wrap .input-button-inline {
        margin: 0 0 20px; } }
    .f-wrap .input-button-inline .input {
      display: table-cell; }
    .f-wrap .input-button-inline .wrap-button {
      display: table-cell;
      position: relative;
      right: 0;
      top: 0;
      vertical-align: top;
      width: 210px; }
      .f-wrap .input-button-inline .wrap-button .button {
        height: 50px;
        position: absolute;
        right: 0;
        width: 175px; }
        .f-wrap .input-button-inline .wrap-button .button:after {
          position: absolute; }
      @media screen and (max-width: 768px) {
        .f-wrap .input-button-inline .wrap-button {
          display: block; }
          .f-wrap .input-button-inline .wrap-button .button {
            position: static; } }
  
  .f-wrap.error .span {
    color: #b62121; }
  
  .f-row.ipv4 {
    font-size: 0; }
    .f-row.ipv4 .f-wrap {
      box-sizing: border-box;
      margin: 0 0 20px;
      padding: 0 15px;
      position: relative;
      width: 25%; }
      @media screen and (max-width: 768px) {
        .f-row.ipv4 .f-wrap {
          width: 100%; } }
      .f-row.ipv4 .f-wrap .input {
        display: inline-block;
        margin: 0;
        padding:12px 22px;
        text-align: center; }
  
  .f-row.fields6 {
    font-size: 0; }
    .f-row.fields6 .f-wrap {
      box-sizing: border-box;
      margin: 0 0 20px;
      padding: 0 15px;
      position: relative;
      width: 16.33%; }
      @media screen and (max-width: 768px) {
        .f-row.fields6 .f-wrap {
          width: 100%; } }
      .f-row.fields6 .f-wrap .input {
        display: inline-block;
        margin: 0; }
  
  .f-row.mac-list {
    font-size: 0; }
    .f-row.mac-list .f-wrap {
      box-sizing: border-box;
      margin: 0 0 20px;
      padding: 0 15px;
      position: relative;
      width: 50%; }
      @media screen and (max-width: 768px) {
        .f-row.mac-list .f-wrap {
          width: 100%; } }
      .f-row.mac-list .f-wrap .input {
        display: inline-block;
        margin: 0; }
  
  .f-row.time .f-wrap {
    margin-bottom: 20px;
    margin-left: 30px;
    width: 85px; }
  
  .f-row.time .time-label {
    display: block;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 20px;
    text-align: center; }
  
  .f-row.time .input {
    margin: 0 0 30px; }
  
  .f-row.time .span {
    display: inline-block;
    font-size: 16px;
    margin-top: 18px;
    text-align: left;
    text-transform: uppercase;
    width: 65px; }
  
  .f-row.error .input {
    border-color: #b62121;
    color: #b62121; }
  
  .f-row.error .label {
    color: #b62121; }
  
  .f-row.error select{
    border-color: #b62121 !important;}
  
  .f-wrap.input-length2 {
    margin-bottom: 20px; }
    .f-wrap.input-length2 .input {
      margin: 0 auto;
      width: 85px; }
    .f-wrap.input-length2 .label {
      display: block;
      font-size: 16px;
      line-height: 16px;
      margin: 0 0 20px;
      text-align: center;
      text-transform: uppercase; }
  
  .f-wrap.button-radio {
    width: auto; }
    .f-wrap.button-radio .custom-radio {
      border: solid 1px #8c8e92;
      cursor: pointer;
      font-size: 18px;
      line-height: 50px; }
  
  .f-wrap .custom-radio-controler {
    display: none; }
  
  .f-wrap.radio, .f-wrap.checkbox {
    font-size: 0;
    line-height: 0;
    margin: 30px 0;
    text-align: center; }
    
    .note-checkboxactive {
      text-align: left;
    }
    .f-wrap.checkbox.msg {
      text-align: center;
    }
    .checkbox-msg {
      display: inline-flex;
    }
  .f-wrap-new.checkbox {
    font-size: 0;
    line-height: 0;
    margin: 10px 0;
    text-align: center;
  }
    .f-wrap.radio.error .radio-check-label, .f-wrap.checkbox.error .radio-check-label, .f-wrap-new.checkbox.error .radio-check-label {
      color: #b62121; }
    .f-wrap.radio.error .radio-check, .f-wrap.checkbox.error .radio-check, .f-wrap-new.checkbox.error .radio-check {
      border-color: #b62121; }
    .f-wrap.radio.inline-half, .f-wrap.checkbox.inline-half, .f-wrap-new.checkbox.inline-half {
      display: inline-block;
      overflow: hidden;
      padding-left: 80px;
      text-align: left;
      width: 50%; }
      .f-wrap.radio.inline-half .radio-check, .f-wrap.checkbox.inline-half .radio-check, .f-wrap-new.checkbox.inline-half .radio-check {
        float: left;
        margin-right: 20px; }
      .f-wrap.radio.inline-half .radio-check-label, .f-wrap.checkbox.inline-half .radio-check-label, .f-wrap-new.checkbox.inline-half .radio-check-label {
        display: inline-block;
        margin: 7px 0; }
    .f-wrap.radio .radio-check-label, .f-wrap.checkbox .radio-check-label, .f-wrap-new.checkbox .radio-check-label {
      display: block;
      font-size: 16px;
      line-height: 16px;
      margin: 0 0 30px;
      text-transform: uppercase; }
    .f-wrap.radio .radio-check, .f-wrap.checkbox .radio-check, .f-wrap-new.checkbox .radio-check {
      background: #fff;
      border: solid 1px #ccc;
      display: inline-block;
      height: 30px;
      position: relative;
      width: 30px; }
    .f-wrap.radio .radio-check-controler, .f-wrap.checkbox .radio-check-controler, .f-wrap-new.checkbox .radio-check-controler {
      display: none; }
  
  .f-wrap.radio .radio-check-controler {
    display: none; }
    .f-wrap.radio .radio-check-controler:checked + .radio-check:before {
      display: inline-block; }
  
  .f-wrap.radio .radio-check {
    border-radius: 50%; }
    .f-wrap.radio .radio-check:before {
      background: #1172bd;
      border-radius: 50%;
      content: "";
      display: none;
      height: 10px;
      left: 50%;
      margin: -5px 0 0 -5px;
      position: absolute;
      top: 50%;
      width: 10px; }
  
  .f-wrap.checkbox .radio-check-controler, .f-wrap-new.checkbox .radio-check-controler {
    display: none; }
    .f-wrap.checkbox .radio-check-controler:checked + .radio-check:before, .f-wrap-new.checkbox .radio-check-controler:checked + .radio-check:before {
      display: inline-block; }
  
  .f-wrap.checkbox .radio-check:before, .f-wrap-new.checkbox .radio-check:before {
    color: #1172bd;
    display: none;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    width: 30px; }
    .f-wrap.checkbox .radio-check.disable:before, .f-wrap-new.checkbox .radio-check.disable:before {
      color: #cccccc;
      display: none;
      font-size: 16px;
      line-height: 30px;
      text-align: center;
      width: 30px; }
  
  
  .lt-ie9 .f-wrap .custom-radio-controler {
    display: inline-block;
    margin: 0 15px; }
  
  .lt-ie9 .f-wrap.radio .radio-check-controler, .lt-ie9 .f-wrap.checkbox .radio-check-controler, .lt-ie9 .f-wrap-new.checkbox .radio-check-controler {
    display: inline; }
  
  .lt-ie9 .f-wrap.radio .radio-check, .lt-ie9 .f-wrap.checkbox .radio-check, .lt-ie9 .f-wrap-new.checkbox .radio-check {
    display: none; }
  
  .table thead tr th, .table tbody tr td {
    border-right: solid 1px #00a4ec; }
    .table thead tr th:last-child, .table tbody tr td:last-child {
      border: 0; }
  
  .table {
    text-align: center;
    width: 100%; }
    .table thead {
      font-size: 20px;
      line-height: 20px; }
      .table thead tr th {
        padding: 15px 0; }
    .table tbody {
      font-size: 16px;
      line-height: 16px; }
      .table tbody tr td {
        padding: 10px 0; }
  
  @media screen and (max-width: 768px) {
    .table {
      display: block; }
      .table thead {
        display: none; }
      .table tbody {
        display: block; }
        .table tbody tr {
          border: solid 1px #00a4ec;
          display: inline-block;
          margin: 10px;
          padding: 10px;
          vertical-align: top; }
          .table tbody tr td {
            border: 0;
            display: block; } }
  
  .table-protocols {
    font-size: 16px;
    line-height: 16px;
    margin: 0 auto 20px;
    max-width: 470px;
    text-align: center;
    width: 100%; }
    .table-protocols thead {
      font-size: 20px;
      line-height: 20px; }
      .table-protocols thead tr th {
        background-color: #1665ad;
        border-top-width: 1px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-color: #1665ad;
        font-size: 16px;
        padding: 15px 0;
        text-align: center;
        width: 50%; }
    .table-protocols tbody {
      font-size: 16px;
      line-height: 16px; }
      .table-protocols tbody tr td {
        background-color: #1172bd;
        border: 1px solid #00a4ec;
        padding: 12px 0;
        text-align: center; }
  
  .box-content {
    -webkit-box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.25);
    -moz-box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.25);
    background: #f1f1f1;
    box-sizing: border-box;
    display: inline-block;
    padding: 60px;
    vertical-align: top;
    width: 100%; }
    .box-content .box-content {
      background: #f1f1f1;
      padding: 30px; }
    .box-content + .box-content {
      margin: 30px 0 0; }
    .box-content.embeded-box-content {
      padding: 0; }
      .box-content.embeded-box-content .text {
        font-size: 16px; }
    .box-content[name="login"] {
      padding: 60px 60px 15px; }
      .box-content[name="login"] .main-title {
        font-size: 24px; }
      .box-content[name="login"] .notes {
        margin: 60px 0 0;
        text-align: center; }
    .box-content iframe {
      height: 300px;
      overflow: hidden;
      width: 100%; }
  .box-none-border {
    -webkit-box-shadow: none !important;
    position: relative;
    height: auto;
  }
  .box-none-border table {
    margin-left: -80px;
    text-align: center;
    width: 125%;
  }
  .box-none-border .table tbody tr td {
    word-break: break-word;
    font-size: 12px;
  }
  .box-none-border .table thead tr th {
    word-break: break-word;
    font-size: 15px;
  }
  @media screen and (max-width: 1024px) {
    .box-content {
      padding: 30px; }
      .box-content .box-content {
        padding: 15px; } 
    .box-none-border table {
      margin-left: -40px;
      width: 111%;
    }
  }
  
  @media screen and (max-width: 768px) {
    .box-content {
      padding: 20px; }
      .box-content .box-content {
        padding: 10px; } }
  
  .logo-net {
    display: inline-block;
    font-size: 0;
    padding: 27px 30px 26px; }
    .logo-net img {
      display: inline-block;
      margin: 10px;
      vertical-align: middle; }
    .logo-net span {
      display: none; }
  .logo-popup {
    position: absolute;
    top: -30px;
    right: -30px;
  }
  .logo-popup img {
    width: 70px;
    height: 65px;
  }
  
  .lt-ie9 h1.logo-net {
    display: block;
    text-align: center; }
  
  .controler-status {
    display: none; }
    .controler-status:checked ~ .holder-status .status dl {
      display: inline-block;
      position: relative; }
    .controler-status:checked ~ .holder-status .status label {
      border-right: solid 1px #f1f1f1; }
  
  .controler-signal {
    display: none; }
    .controler-signal:checked ~ .holder-status .signal dl {
      display: inline-block;
      position: relative; }
    .controler-signal:checked ~ .holder-status .signal label {
      border-right: solid 1px #f1f1f1; }
  
  .controler-wi-fi {
    display: none; }
    .controler-wi-fi:checked ~ .holder-status .wi-fi dl {
      display: inline-block;
      position: relative; }
    .controler-wi-fi:checked ~ .holder-status .wi-fi label {
      border-right: solid 1px #f1f1f1; }
  
  .controler-ip {
    display: none; }
    .controler-ip:checked ~ .holder-status .ip dl {
      display: inline-block;
      position: relative; }
    .controler-ip:checked ~ .holder-status .ip label {
      border-right: solid 1px #f1f1f1; }
  
  .controler-phone {
    display: none; }
    .controler-phone:checked ~ .holder-status .phone dl {
      display: inline-block;
      position: relative; }
    .controler-phone:checked ~ .holder-status .phone label {
      border-right: solid 1px #f1f1f1; }
  
  @media screen and (max-width: 1024px) {
    .controler-status:checked ~ .holder-status {
      padding: 0 0 69px; }
      .controler-status:checked ~ .holder-status .status dl {
        bottom: 0;
        display: block;
        left: 0;
        margin: 0;
        padding: 15px;
        position: absolute; }
      .controler-status:checked ~ .holder-status .status label {
        background: #a7a8aa;
        border: 0; }
    .controler-signal:checked ~ .holder-status {
      padding: 0 0 81px; }
      .controler-signal:checked ~ .holder-status .signal dl {
        bottom: 0;
        display: block;
        left: 0;
        margin: 0;
        padding: 15px;
        position: absolute; }
      .controler-signal:checked ~ .holder-status .signal label {
        background: #a7a8aa;
        border: 0; }
    .controler-wi-fi:checked ~ .holder-status {
      padding: 0 0 69px; }
      .controler-wi-fi:checked ~ .holder-status .wi-fi dl {
        bottom: 0;
        display: block;
        left: 0;
        margin: 0;
        padding: 15px;
        position: absolute; }
      .controler-wi-fi:checked ~ .holder-status .wi-fi label {
        background: #a7a8aa;
        border: 0; }
    .controler-ip:checked ~ .holder-status {
      padding: 0 0 93px; }
      .controler-ip:checked ~ .holder-status .ip dl {
        bottom: 0;
        display: block;
        left: 0;
        margin: 0;
        padding: 15px;
        position: absolute; }
      .controler-ip:checked ~ .holder-status .ip label {
        background: #a7a8aa;
        border: 0; }
    .controler-phone:checked ~ .holder-status {
      padding: 0 0 93px; }
      .controler-phone:checked ~ .holder-status .phone dl {
        bottom: 0;
        display: block;
        left: 0;
        margin: 0;
        padding: 15px;
        position: absolute; }
      .controler-phone:checked ~ .holder-status .phone label {
        background: #a7a8aa;
        border: 0; } }
  
  .wrapper-status {
    font-size: 0;
    overflow: hidden;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      .wrapper-status h1.logo_claro_alta_cmyk {
        display: block;
        margin: 10px;
        text-align: center; }
      .wrapper-status .holder-status {
        background: #a7a8aa;
        display: block;
        float: none;
        position: relative;
        width: 100%; }
        .wrapper-status .holder-status li {
          border: 0;
          display: inline-block;
          height: 60px;
          padding: 0;
          position: static;
          vertical-align: top;
          width: 20%; }
          .wrapper-status .holder-status li label {
            line-height: 60px;
            position: static;
            width: 100%; } }
    .wrapper-status .holder-status {
      display: inline-block;
      vertical-align: top; }
    .wrapper-status ul {
      display: table;
      float: right; }
      .wrapper-status ul li {
        background:#a7a8aa;
        border-right: solid 1px #f1f1f1;
        display: table-cell;
        height: 100px;
        padding: 0 0 0 60px;
        position: relative;
        text-align: left;
        vertical-align: middle; }
        .wrapper-status ul li:last-child {
          border: 0; }
        .wrapper-status ul li label {
          color: #333;
          cursor: pointer;
          display: block;
          font-size: 16px;
          height: 100px;
          left: 0;
          line-height: 100px;
          position: absolute;
          text-align: center;
          top: 0;
          width: 60px; }
          .wrapper-status ul li label:hover {
            background: #a7a8aa; }
        .wrapper-status ul li dl {
          color: #333;
          display: none;
          font-size: 12px;
          line-height: 12px;
          margin: 0 20px;
          text-transform: uppercase; }
          .wrapper-status ul li dl dt {
            margin: 0 0 15px; }
          .wrapper-status ul li dl dd {
            margin: 0; }
            .wrapper-status ul li dl dd.error {
              color: #b62121; }
            .wrapper-status ul li dl dd.success {
              color: #093; }
            .wrapper-status ul li dl dd.error-signal {
                text-transform: none;
                color: #b62121; }
            .wrapper-status ul li dl dd.success-signal {
                text-transform: none;
                color: #093; }
  .lt-ie9 .wrapper-status {
    display: block;
    float: none;
    margin: 0 auto;
    width: 1006px; }
    .lt-ie9 .wrapper-status .holder-status li dl {
      display: block;
      margin: 0 20px 0 0; }
  
  .net-content {
    font-size: 0; }
    .net-content li {
      box-sizing: border-box;
      margin: 0 0 2px; }
      @media screen and (max-width: 1170px) {
        .net-content li {
          display: inline-block;
          padding: 0 15px 30px;
          vertical-align: top;
          width: 33.33333%; } }
      .lt-ie9 .net-content li {
        display: inline-block;
        padding: 0 15px 30px;
        vertical-align: top;
        width: 33.33333%; }
      @media screen and (max-width: 1024px) {
        .net-content li {
          width: 50%; } }
      @media screen and (max-width: 768px) {
        .net-content li {
          padding: 0 0 15px;
          width: 100%; } }
  
  .arrow-left,
  .arrow-right,
  .arrow-down,
  .arrow-right-small {
    border-style: solid;
    content: "";
    display: inline-block;
    height: 0;
    width: 0; }
  
  .arrow-right {
    border-color: transparent transparent transparent #ccc;
    border-width: 10px 0 10px 10px; }
  
  .arrow-down {
    border-color: #ccc transparent transparent transparent;
    border-width: 10px 10px 0 10px; }
  
  .arrow-right-small {
    border-color: transparent transparent transparent #ccc;
    border-width: 5px 0 5px 5px; }
  
  .arrow-left {
    border-color: transparent #ccc transparent transparent;
    border-width: 10px 10px 10px 0; }
  
  .icon-close {
    color: #ccc;
    font-size: 20px; }
  
  .holder-main-menu-button {
    background: #fff; }
    .holder-main-menu-button .main-menu-button {
      box-sizing: border-box;
      color: #333;
      cursor: pointer;
      display: block;
      font-size: 18px;
      line-height: 60px;
      margin: 0 auto;
      max-width: 1140px;
      padding: 0 30px;
      width: 100%; }
      .holder-main-menu-button .main-menu-button .icon {
        color: #ccc;
        font-size: 24px;
        margin: 0 15px 0 0; }
  
  .menu-controler {
    display: none; }
    .menu-controler:checked ~ .wrapper-header,
    .menu-controler:checked ~ .wrapper-main {
      padding: 0 0 0 320px; }
      @media screen and (max-width: 768px) {
        .menu-controler:checked ~ .wrapper-header,
        .menu-controler:checked ~ .wrapper-main {
          overflow: hidden;
          padding: 0 0 0 100%; } }
    .menu-controler:checked ~ .wrapper-header .wrapper-menu .holder-menu {
      display: block; }
    .menu-controler:checked ~ .wrapper-header .wrapper-menu .holder-main-menu-button .main-menu-button:after {
      background: rgba(255, 255, 255, 0.5);
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1; }
  
  .sub-menu-controler {
    display: none; }
    .sub-menu-controler:checked ~ .holder-sub-menu {
      display: block; }
    .sub-menu-controler:checked + label .arrow-right {
      display: none; }
    .sub-menu-controler:checked + label .arrow-down {
      display: block; }
    .sub-menu-controler:checked + label .holder-state .plus {
      display: none; }
    .sub-menu-controler:checked + label .holder-state .minus {
      display: block; }
  
  .holder-menu,
  .holder-sub-menu {
    display: none;
    font-size: 0;
    max-width: 320px;
    overflow-y: auto; }
    @media screen and (max-width: 768px) {
      .holder-menu,
      .holder-sub-menu {
        max-width: 100%; } }
    .holder-menu.sub,
    .holder-sub-menu.sub {
      position: relative; }
  
  .holder-menu {
    background: rgba(255, 255, 255, 0.75);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%; }
  
  .holder-sub-menu .item-menu {
    background-color: #ccc; }
  
  .item-menu {
    background: #fff;
    border-bottom: solid 1px #ccc;
    box-sizing: border-box;
    position: relative;
    text-align: left; }
    .item-menu label,
    .item-menu a {
      color: #333;
      cursor: pointer;
      display: block;
      font-size: 13px;
      line-height: 50px;
      padding: 0 0 0 50px; }
      .item-menu label:hover,
      .item-menu a:hover {
        color: #00a4ec; }
        .item-menu label:hover .icon-close,
        .item-menu a:hover .icon-close {
          color: #00a4ec; }
        .item-menu label:hover .arrow-right,
        .item-menu a:hover .arrow-right {
          border-color: transparent transparent transparent #00a4ec; }
        .item-menu label:hover .arrow-left,
        .item-menu a:hover .arrow-left {
          border-color: transparent #00a4ec transparent transparent; }
        .item-menu label:hover .holder-state .plus,
        .item-menu label:hover .holder-state .minus,
        .item-menu a:hover .holder-state .plus,
        .item-menu a:hover .holder-state .minus {
          color: #00a4ec; }
    .item-menu label {
      position: relative; }
      .item-menu label .icon-close,
      .item-menu label .arrow-right,
      .item-menu label .arrow-down,
      .item-menu label .arrow-left {
        position: absolute; }
      .item-menu label .icon-close {
        left: 15px;
        top: 0; }
      .item-menu label .arrow-right {
        right: 15px;
        top: 15px; }
      .item-menu label .arrow-down {
        display: none;
        right: 15px;
        top: 21px; }
      .item-menu label .arrow-left {
        left: 15px;
        top: 15px; }
      .item-menu label.back {
        text-transform: uppercase; }
      .item-menu label.back-close {
        background: #fff;
        border-left: solid 1px #ccc;
        display: inline-block;
        height: 49px;
        position: absolute;
        right: 0;
        top: 0; }
        .item-menu label.back-close.icon-close {
          display: inline-block;
          font-size: 20px;
          line-height: 50px;
          text-align: center;
          width: 50px; }
      .item-menu label .holder-state .plus,
      .item-menu label .holder-state .minus {
        font-size: 12px;
        height: 50px;
        line-height: 50px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 50px; }
      .item-menu label .holder-state .plus {
        color: #fff;
        display: block; }
      .item-menu label .holder-state .minus {
        color: #333;
        display: none; }
    .item-menu a {
      text-decoration: none; }
  
  .wrapper-menu {
    background: #fff; }
    .wrapper-menu .holder-menu {
      z-index: 5; }
      .wrapper-menu .holder-menu .item-menu .holder-sub-menu {
        z-index: 10; }
        .wrapper-menu .holder-menu .item-menu .holder-sub-menu.sub label,
        .wrapper-menu .holder-menu .item-menu .holder-sub-menu.sub a {
          background: #333;
          color: #fff; }
          .wrapper-menu .holder-menu .item-menu .holder-sub-menu.sub label:hover,
          .wrapper-menu .holder-menu .item-menu .holder-sub-menu.sub a:hover {
            color: #00a4ec; }
            .wrapper-menu .holder-menu .item-menu .holder-sub-menu.sub label:hover .arrow-right-small,
            .wrapper-menu .holder-menu .item-menu .holder-sub-menu.sub a:hover .arrow-right-small {
              border-color: transparent transparent transparent #00a4ec; }
          .wrapper-menu .holder-menu .item-menu .holder-sub-menu.sub label .arrow-right-small,
          .wrapper-menu .holder-menu .item-menu .holder-sub-menu.sub a .arrow-right-small {
            margin: 0 10px 0 0; }
      .wrapper-menu .holder-menu .item-menu:last-child {
        border: 0; }
  
  .lt-ie9 .holder-main-menu-button {
    display: none; }
  
  .lt-ie9 .wrapper-header,
  .lt-ie9 .wrapper-main {
    padding: 0 0 0 320px; }
  
  .lt-ie9 .holder-menu,
  .lt-ie9 .holder-sub-menu {
    display: block;
    width: 320px; }
  
  .lt-ie9 .holder-menu {
    height: 100%;
    overflow-y: scroll; }
    .lt-ie9 .holder-menu .item-menu.sub label,
    .lt-ie9 .holder-menu .item-menu.sub a {
      background: #333;
      color: #fff; }
    .lt-ie9 .holder-menu .item-menu label .arrow-right {
      display: none; }
    .lt-ie9 .holder-menu .item-menu label .holder-state {
      display: none; }
    .lt-ie9 .holder-menu .item-menu a .arrow-right-small {
      display: none; }
    .lt-ie9 .holder-menu .item-menu .icon-close {
      display: none; }
    .lt-ie9 .holder-menu .item-menu .holder-sub-menu {
      position: relative; }
      .lt-ie9 .holder-menu .item-menu .holder-sub-menu .item-menu label {
        cursor: default; }
        .lt-ie9 .holder-menu .item-menu .holder-sub-menu .item-menu label .holder-state {
          display: none; }
      .lt-ie9 .holder-menu .item-menu .holder-sub-menu .item-menu .back,
      .lt-ie9 .holder-menu .item-menu .holder-sub-menu .item-menu .back-close {
        display: none; }
  
  .list {
    font-size: 0;
    margin: 60px auto;
    max-width: 470px;
    width: 100%; }
    .list li {
      background: #ccc;
      border-bottom: solid 3px #8c8e92;
      font-size: 16px;
      line-height: 20px;
      padding: 15px 0;
      text-align: center;
      vertical-align: top;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .list li li:last-child {
        border-bottom: 0; }
      .list li .f-row {
        box-sizing: border-box;
        padding: 15px; }
    .list.two-items-list li {
      display: inline-block;
      width: 50%; }
    .list .f-wrap {
      padding: 10px;
    }
    .list .f-wrap.button-radio {
      padding: 5px 0px;
    }
  
  @media screen and (min-width: 768px) {
    .list.two-items-list li:nth-child(4n+0), .list.two-items-list li:nth-child(4n+1) {
      background: #1172bd; } }
  
  @media screen and (max-width: 768px) {
    .list.two-items-list li {
      width: 100%; }
      .list.two-items-list li:nth-child(2n+0) {
        background: #1172bd; } }
  
  .f-wrap .combo-box {
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 0;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 20px;
    line-height: 21px;
    margin: 0 0 20px;
    outline: none;
    padding: 12px 30px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none; }
  
  .f-wrap .select-item {
    position: relative; }
    .f-wrap .select-item .arrow {
      background-color: #fff;
      height: 35px;
      margin: 5px 0 0;
      position: absolute;
      right: 30px;
      top: 0;
      width: 20px; }
      .f-wrap .select-item .arrow:before {
        border-color: #ccc transparent transparent transparent;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        content: "";
        display: inline-block;
        height: 0;
        margin: 15px 0 0;
        width: 0; }
  
  .f-wrap.error .label {
    color: #b62121; }
  
  .f-wrap.error .combo-box {
    border-color: #b62121;
    color: #b62121; }
  
  .side-banner {
    display: block;
    margin: 30px auto 0;
    outline: none;
    text-decoration: none;
    width: 270px; }
    .side-banner img {
      height: 600px;
      width: 270px; }
  
  .wrapper-header .holder-header, .wrapper-main .holder-main {
    margin: 0 auto;
    max-width: 1140px;
    width: 100%; }
  
  body {
    background:#b0272f;
    color: #000000;
    position: relative; }
  
  hr {
    border: 0;
    padding: 30px 0 0; }
  
  li > hr {
    padding: 5px 0 0; }
  
  .wrapper-header {
    background: #f1f1f1; }
    .wrapper-header .holder-header {
      max-width: 1170px; }
  
  .wrapper-main {
    -webkit-background: radial-gradient(circle,#da291c, #b0272f);
    -moz-background: radial-gradient(circle, #da291c,  #b0272f);
    background: radial-gradient(circle, #da291c, #b0272f); }
    .wrapper-main .holder-main {
      font-size: 0;
      position: relative;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        .wrapper-main .holder-main {
          padding: 60px 0 0; } }
      .wrapper-main .holder-main .next {
        position: absolute;
        right: 15px;
        top: 15px; }
        .wrapper-main .holder-main .next.config {
          font-size: 20px; }
        .wrapper-main .holder-main .next.close {
          top: 45px; }
      .wrapper-main .holder-main .holder-page-title {
        box-sizing: border-box;
        max-width: 840px;
        width: 100%; }
      .holder-page-title-no-max {
        box-sizing: border-box;
        width: 100%; }
        @media screen and (max-width: 1170px) {
          .wrapper-main .holder-main .holder-page-title {
            margin: 0 auto; } }
        .lt-ie9 .wrapper-main .holder-main .holder-page-title {
          margin: 0 auto; }
        .wrapper-main .holder-main .holder-page-title.apscan {
          display:inline-block;
        }
      .wrapper-main .holder-main .collumn {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width: 100%; }
        @media screen and (max-width: 1170px) {
          .wrapper-main .holder-main .collumn {
            display: block;
            margin: 0 auto; } }
        .lt-ie9 .wrapper-main .holder-main .collumn {
          display: block;
          margin: 0 auto; }
        .wrapper-main .holder-main .collumn.left {
          max-width: 840px; }
          .wrapper-main .holder-main .collumn.left .holder-content {
            padding: 0 15px; }
        .wrapper-main .holder-main .collumn.right {
          padding: 0 15px;
          width: 270px; }
          .wrapper-main .holder-main .collumn.right .box-content {
            padding: 30px 15px; }
            .wrapper-main .holder-main .collumn.right .box-content .text {
              font-size: 16px; }
              .wrapper-main .holder-main .collumn.right .box-content .text.text-left {
                text-align: left; }
              .wrapper-main .holder-main .collumn.right .box-content .text .link {
                color: #fff; }
          @media screen and (max-width: 1170px) {
            .wrapper-main .holder-main .collumn.right {
              margin: 0 auto;
              max-width: 840px;
              width: 100%; }
              .wrapper-main .holder-main .collumn.right .holder-content {
                padding: 30px 15px 0; } }
          .lt-ie9 .wrapper-main .holder-main .collumn.right {
            margin: 0 auto;
            max-width: 840px;
            width: 100%; }
            .lt-ie9 .wrapper-main .holder-main .collumn.right .holder-content {
              padding: 30px 15px 0; }
      .wrapper-main .holder-main .footer {
        margin: 60px 0 30px;
        padding: 0 15px;
        text-align: center; }
        .wrapper-main .holder-main .footer + .footer {
          margin: 30px 0;
          padding: 0 15px 60px; }
  
  form[name="device-release"] ul.list, form[name="port-forwarding-rules"] ul.list {
    margin: 5px auto;
  }
  
  .msgbox {
    display: table;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
  }
  
  .msgbox .msgWrap {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    border-radius: 10px;
  }
  
  .msgbox .msgWrap .msgInnerWrap {
    display: inline-block;
    width : 30%;
    background: #ffffff;  }
    @media screen and (max-width: 1024px) {
      .msgbox .msgWrap .msgInnerWrap {
        width : 80%;
    }}
  .msgbox .msgWrap .wrapContainer {
    border-radius: 10px;
    padding: 20px 50px;
    position: relative;
    width: 40%;
    text-align: initial;
  }
  
  
  .msgbox .msgWrap .msgTitle {
    font-size: 24px;
    margin: 0px;
    color: #b62121;
    font-weight: 500;
  }
  
  .msgbox .msgWrap .msgText {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
  }
  .msgbox .msgWrap .textItem {
    font-size: 13px;
    font-weight: 500;
    color: #000000;
    text-align: left;
    margin-bottom: 15px;
  }
  .changePwTitle {
    padding-left: 37px;
    font-family: "FuturaBT", Helvetica, Arial, sans-serif;
    font-weight: 300 !important;
    font-size: 20px !important;
  }
  .textSecurity {
    color: red;
    font-size: 16px !important;
    text-align: left;
    margin-bottom: 15px;
    font-weight: 500;
  }
  
  .msgbox .msgWrap .msgTitle ~ .msgText {
    margin-top: 20px;
  }
  
  .msgbox .msgWrap .msgLoading ~ .msgText {
    margin-top: 16px;
    margin-bottom: 34px;
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .msgbox .msgWrap .msgLoading {
    background: url("../../../img/popup_loading.gif") no-repeat center center;
    width: 96px;
    height: 96px;
    margin-top: 38px;
    display:inline-block;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
  }
  
  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  @keyframes spin { 100% { transform: rotate(360deg); } }
  
  .msgbox .msgWrap .msgCloseBtn {
    background: url("../../../img/msgbox-close.png") no-repeat center center;
    margin-top: 2%;
    margin-left:93%;
    margin-bottom: 5%;
    width: 22px;
    height: 22px;
    }
    @media screen and (max-width: 1024px) {
      .msgbox .msgWrap .msgCloseBtn {
        margin-left:90%;
      }}
    @media screen and (max-width: 768px) {
      .msgbox .msgWrap .msgCloseBtn {
        margin-left:85%;
      }}
    @media screen and (max-width: 480px) {
      .msgbox .msgWrap .msgCloseBtn {
        margin-left:85%;
      }}
  
  .msgbox .msgWrap .msgBtn {
    width: 40%;
    height: 10%;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    margin-bottom: 8%;
    background: #b62121;
    text-align: center;
    display:inline-block;
  }
  .saveBtnBs {
    margin-left: 10px;
    width: 70px !important;
    line-height: 40px !important;
    border-radius: 5px;
    margin-top: 5%;
  }
  .saveBtn {
    margin-left: 10px;
    width: 70px !important;
    height: 42px !important;
    border-radius: 5px;
    margin-top: 13%;
    font-size: 13px !important;
    margin-bottom: 5% !important;
  }
  .hiddenText {
    visibility: hidden !important;
  }
  .showText {
    visibility: visible !important;
  }
  .errorInput {
    border-color: #b62121;
    color: #b62121;
  }
  .msgbox .msgWrap .inactiveBtn {
    color: black;
    background: none;
  }
  .inactiveBtnBS {
    color: black !important;
    background: #afafaf !important;
    pointer-events: none;
  }
  .msgbox .msgWrap .updateBtn {
    width: fit-content;
    padding: 10px;
    line-height: inherit;
    border-radius: 5px;
    margin-left: 10px;
    margin-bottom: 0px;
    font-size: 13px !important;
  }
  .msgbox .msgWrap .updateBtnBS {
    width: fit-content;
    padding: 10px;
    line-height: inherit;
    border-radius: 5px;
    margin: 5px 0px 0px 10px !important;
    font-size: 13px !important;
  }
  .msgbox .msgWrap .horizontalLine {
    width: 111%;
    padding: 0px;
    border: 1px solid #ece9e9;
    margin-left: -45px;
    margin-top: 40px;
  }
  .msgbox .msgWrap .okBtn {
    width: 60px !important;
    margin-bottom: 0% !important;
    border-radius: 5px;
    line-height: 40px;
    margin-top: 12px;
    margin-left: 45%;
    font-size: 13px !important;
  }
  
  .msgbox .msgWrap .msgBtn.selective {
    width: 25%;
    margin-right: 7px;
    margin-left: 7px;  }
    @media screen and (max-width: 480px) {
      .msgbox .msgWrap .msgBtn.selective {
        width:80%;
      }}
  
  .msgbox .msgWrap .msgBtn.selective.secondMsg {
    background: #dcdcdc;
  }
  
  .msgbox .msgWrap .msgBtn.selective.secondMsg:hover {
    background: #ff9c00;
  }
  
  .msgbox .msgWrap .msgBtn:hover {
    background: #ff9c00;
  }
  
  .msgbox .msgWrap .msgTitle ~ .msgBtn {
    margin-top: 46px;
  }
  
  .msgbox .msgWrap .msgText ~ .msgBtn {
    margin-top: 34px;
  }
  
  #dim {
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:1 !important;
    background-color:black;
    filter: alpha(opacity=60); 
    -khtml-opacity: 0.60;      
    -moz-opacity: 0.60;      
    opacity: 0.60;      
  }
  
  input.input_hidden {
    display:none;
  }
  
  .file_content_wrap {
    background: #fff;
    line-height: 42px;
    border: solid 1px #f1f1f1;
    box-sizing: border-box;
    font-size: 20px;
    outline: none;
    padding:3px 0px;
  }
  
  .file_content_wrap.error {
    border-color: #da291c;
  }
  
  .file_content_wrap.error .file_name {
    color: #da291c;
  }
  
  .file_input_wrap {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background-color:#ededed;
    border:1px solid #dcdcdc;
    color:#000000;
    cursor:pointer;
    padding:1px 4px;
    margin:0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration:none;
  }
  
  .file_input_wrap:active {
    position:relative;
    top:1px;
  }
  
  .file_name {
    color:#696969;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
    width: 60%;
  }
  
  @media screen and (max-width: 535px) {
    .file_name {
      width: 47%;
    }
  }
  
  @media screen and (max-width: 425px) {
    .file_name {
      width: 37%;
    }
  }
  
  @media screen and (max-width: 375px) {
    .file_name {
      width: 24%;
    }
  }
  
  @media screen and (max-width: 320px) {
    .file_name {
      width: 21%;
    }
  }
  
  form[name="parental"] ul.list {
    max-width: 1170px;
    margin: 40px auto;
  }
  
  form[name="parental"] .title-item-head {
    text-align: center;
    display: block;
    font-size: 30px;
    line-height: 20px;
    margin: 0 0 15px;
    font-family: "FuturaBT", Helvetica, Arial, sans-serif;
    font-weight: 500;
  }
  
  form[name="parental-dev-edit"] ul.list {
    display: inline;
    margin: 40px auto;
  }
  
  form[name="parental-dev-edit"] ul.list li {
    display: inline-block;
    max-width: 153px;
    margin: 0 5px;
    padding: 15px 40px;
  }
  
  form[name="parental-dev-edit"] ul.list li.wide {
    width:100%;
    max-width: 395px;
    margin-top: 9px;
  }
  
  @media screen and (max-width: 568px) {
    form[name="parental-dev-edit"] ul.list li.wide {
      max-width: 209px;
    }
  }
  
  form[name="parental-dev-edit"] ul.list li .f-wrap.radio {
    margin: 7px 0px;
  }
  
  form[name="parental-dev-edit"] ul.list li.wide .f-wrap.radio {
    margin: 0px;
  }
  
  form[name="parental-dev-edit"] ul.list li.wide .f-wrap.radio .radio-check {
    margin-right: 15px;
    top: 10px;
  }
  
  form[name="parental-dev-edit"] ul.list li.wide .f-wrap.radio .radio-check-label {
    display:inline-block;
    margin: 15px 0px;
  }
  
  form[name="parental-dev-edit"] ul.list li.wide label.label {
    text-align: left;
  }
  
  form[name="device-release"] ul {
    max-width: 495px;
  }
  
  form[name="syslog-event"] ul.list {
    overflow-x: auto;
    background-color: #1665ad;
  }
  
  form[name="syslog-event"] ul.list li{
    overflow: visible;
    white-space: nowrap;
    text-overflow: initial;
  }
  
  form[name="device-release"] ul.list li {
    width: 90%;
  }
  
  form[name="configuracao-rapida"] ul.list li {
    white-space: normal;
  }
  
  input[readonly="readonly"], input[disabled] {
    color: #cccccc !important;
  }
  
  select[disabled] {
    color: #cccccc !important;
  }
  
  label[disabled] {
    color: #cccccc !important;
  }
  
  .f-wrap.time-input {
    position: relative;
  }
  
  .f-wrap.time-input select {
    margin: 0 0 30px;
    background: #fff;
    border: solid 1px #f1f1f1;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 20px;
    line-height: 20px;
    outline: none;
    padding: 14px 20px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  
  .f-wrap.time-input .arrow {
    background-color: #fff;
    height: 35px;
    margin: 5px 0 0;
    position: absolute;
    right: 10px;
    top: 0;
    width: 20px;
  }
  
  .f-wrap.time-input .arrow:before {
    border-color: #ccc transparent transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    content: "";
    display: inline-block;
    height: 0;
    margin: 16px 0 0;
    width: 0;
  }
  
  .f-wrap.time-input .label {
    text-align: center;
  }
  
  .wrapper-main .login.holder-main .footer {
    padding: 0px 15px 45px 15px;
  }
  
  form[name="avancado-opcoes-avancadas"] {
    background: #e6eaf2;
    padding: 30px 0
  }
  
  form[name="avancado-opcoes-avancadas"]  .text-center {
    text-align: center
  }
  #device-connection .box-content.box-none-border {
    padding: 0;
    overflow: auto;
  }
  .table-rede-connected, .table-rede-connected th, .table-rede-connected td {
    border-right: unset !important;
    border: 1px solid #f5f2f2 !important;
    border-collapse: collapse;
  }
  .table-rede-connected {
    text-align: center;
    min-width: 100% !important;
    margin-left: unset !important;
    width: 100% !important;
  }
  .table-rede-connected thead tr {
    background-color: #da291c;
    color: #fff;
  }
  .table-rede-connected thead tr th {
    font-weight: 500;
    padding: 15px 10px;
    min-width: 50px;
  }
  .table-rede-connected thead tr th:first-child {
    min-width: 168px;
  }
  .table-rede-connected thead tr th:nth-child(4) {
    min-width: 100px;
  }
  .table-rede-connected thead tr th:nth-child(5) {
    min-width: 100px;
  }
  .table-rede-connected thead tr th:nth-child(6) {
    min-width: 140px;
  }
  .table-rede-connected tbody tr td {
    padding: 10px !important;
  }
  .table-rede-connected tbody tr:nth-child(odd) {
    background-color: #f8f8f8;
  }
  .table-rede-connected tbody tr:nth-child(even) {
    background-color: #fff;
  }
  .table-rede {
    text-align: center;
    width: 100%;
  }
  .table-rede .f-wrap.checkbox {
    text-align: left !important;
  }
  .table-rede .header {
    background: #8c8e92;
    border-bottom: solid 1px;
    border-top: solid 1px;
    border-left: solid 1px;
    padding: 10px;
    width: 200px;
    height: 30px;
  }
   
  .table-rede .bg-lightgray {
    background: #cbd3e6; }
  
  .table-rede .bg-milk {
    background: #e6eaf2; }
  .table-rede thead {
    font-size: 20px;
    line-height: 20px }
    .table-rede thead tr th {
      padding: 15px 0 }
  
  .table-rede strong {
    color:black; }
  
  .table-rede tbody {
    font-size: 14px;
    line-height: 16px }
  
    .table-rede td:not(:first-child) {
      border-bottom: solid 1px;
      padding: 10px;
      width: 200px;
      height: 30px;
  }
  
  .table-rede tbody tr td {
    border-right: solid 1px;
    padding: 10px 0; 
    word-break: break-all;}
  .table-rede td strong {
    color:black;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .table-rede tbody {
          font-size: 11px
      }
    }
    .table-rede-guest {
      text-align: center;
      width: 100%;
      margin-left: 120px;
      margin-bottom: 30px;
    }
    .table-rede-guest .header {
      background: #8c8e92;
      border-bottom: solid 1px;
      border-top: solid 1px;
      border-left: solid 1px;
      padding: 10px;
      width: 200px;
      height: 30px;
    }
     
    .table-rede-guest .bg-lightgray {
      background: #cbd3e6; }
    
    .table-rede-guest .bg-milk {
      background: #e6eaf2; }
    .table-rede-guest thead {
      font-size: 20px;
      line-height: 20px }
      .table-rede-guest thead tr th {
        padding: 15px 0 }
    
    .table-rede-guest strong {
      color:black; }
    
    .table-rede-guest tbody {
      font-size: 14px;
      line-height: 16px }
    
      .table-rede-guest td:not(:first-child) {
        border: solid 1px;
        padding: 10px;
        width: 200px;
        height: 30px;
    }
    
    .table-rede-guest tbody tr td {
      border-right: solid 1px;
      padding: 10px 0; 
      word-break: break-all;}
    .table-rede-guest td strong {
      color:black;
      font-weight: bold; }
      @media screen and (max-width: 768px) {
        .table-rede-guest tbody {
            font-size: 11px
        }
      }
  .table-fil {
    text-align: center;
    margin: 60px auto;
    width: 100%;
    max-width: 470px
  }
  .table-forw {
    text-align: center;
    margin: 60px auto;
    width: 100%;
    max-width: 668px;
  }
  .table-fil .header, .table-forw .header {
    font-weight: bold;
    background: #696969 }
  .table-fil .data, .table-forw .data {
    background: #8c8e92 }
  .table-fil .input, .table-forw .input {
    background: #fff;
    color: #333;
    display: block;
    font-size: 20px;
    line-height: 23px;
    margin: 7px auto;
    outline: none;
    padding: 12px 10px;
    width: 60%;
    text-align: center;
  }
  .table-forw .combo-box {
    background: #fff;
    color: #333;
    display: block;
    font-size: 17px;
    line-height: 23px;
    margin: 10px auto;
    outline: none;
    padding: 12px 10px;
    width: 100%
  }
  .table-forw input.error, .table-forw select.error {
    border-color: #b62121;
    color: #b62121;
  }
  .table-fil thead, .table-forw thead {
    background: #8c8e92;
    border-bottom: solid 1px #696969;
    font-size: 18px;
    line-height: 20px }
    .table-fil thead tr th, .table-forw thead tr th {
      border-top: solid 1px #696969;
      border-right: solid 1px #8c8e92;
      padding: 25px 10px }
  
  .table-fil strong, .table-forw strong {
    color:black; }
  
  .table-fil tbody, .table-forw tbody {
    font-size: 16px;
    line-height: 16px }
  
    .table-fil tbody tr td, .table-forw tbody tr td {
      border-right: solid 1px #696969;
      border-bottom: solid 1px #8c8e92;
      padding: 1px 0; }
      .table-fil td strong, .table-forw td strong {
        color:black;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          .table-fil tbody, .table-forw tbody {
              font-size: 11px
          }
        }      
  
  /*hide footer buildtime but keep the copyright text*/      
  p.text.footer:first-of-type{
    display: none;
  }
  
  p.text.footer:last-of-type{
    display: block;
  }
  
  
  
  form[data-currentwanmode=dynamic] div.wan-set-list {
    display: none;
  }
  
  
  form[data-currentwanmode=static] div.config-wan-btn {
    display: none;
  }
  
  form[data-currentwanmode=static] >hr {
    display: none;
  }
  
  form[data-currentwanmode=static] >hr:first-of-type{
    display: block;
  }
  
  
  form[data-routermode=bridge] .lan-info, form[data-routermode=bridge] .wan-info, form[data-routermode=bridge] h2.section-title:first-of-type{
    display: none;
  }
  
  
  .f-row.inline {
    position: relative;
  }
  
  @media screen and (min-width: 768px) {
    .f-row.inline h2 {
      position: absolute;
      left:0;
      top:calc(50% - 12px);
    }
  
  }
  
  .f-row.left-align label {
    text-align: left;
  }
  
  .collumn-left-avancado-ddns .open {
    display: none;
    font-size: 16px;
  }
  
  .collumn-left-avancado-ddns .holder-content-button {
    margin-bottom: 30px;
  }
  .collumn-left-avancado-ddns .holder-icon  {
    cursor: pointer;
  }
  
  .collumn-left-avancado-ddns #input-create:checked+.open {
    display: block;
  }
  
  .collumn-left-avancado-ddns #input-create {
    display: none;
  }
  
  .collumn-left-avancado-ddns .title-settings {
    font-weight: normal;
    margin-bottom: 60px;
    margin-top: 63px;
  }
  
  .hidden {
    display: none !important;
  }
  .show {
    display: inline !important;
  }
  
  .parental, .parental-info{
    background : #fff;
    width : 100%;
    margin-left : auto;
    margin-right : auto;
    padding-left: 0px;
  }
  
  .parental {
    border-top: 5px solid #00a4ec;
    height: 65px;
  }
  .parental-info {
    height: 590px;
  }
  
  .parental div.filter {
    width: 622px;
    height: 50px;
  }
  
  .parental img.image {
    float : left;
    margin-top: 18px;
    margin-left: 15px;
    height: 20px; width: 20px;
  }
  
  .parental strong.text {
    color : #5d5e60;
    font-weight: bold;
    float : left;
    padding: 0px;
    font-size : 30px;
    margin : 17px
  }
  
  .parental input.checkbox {
    color : #000;
    float : right;
    margin : 15px;
    position : relative;
    height: 20px; width: 20px;
  }
  
  .parental-info .f-wrap.checkbox {
    line-height: 0;
    margin: 20px 0;
  }
  
  .parental-info .f-wrap.checkbox.inline-half.info {
    color : #000;
    text-align: right;
  }
  .parental-info .f-wrap.checkbox.inline-half.smt {
    color : #000;
    text-align: left;
  }
  .parental-info .f-wrap.checkbox.inline-half.port {
    color : #000;
    width : 40%;
    text-align: center;
  }
  .parental-info .f-wrap.checkbox.inline-half.day {
    color : #000;
    text-align: center ;
    width : 7%;
    margin-left: 19px;
     margin-right: 19px;
  }
  .parental-info  .f-wrap.checkbox.inline-half.day .radio-check-label {
    color : #000;
    text-align: center;
  }
  
  .parental-info .f-row.hidden {
    display : none;
  }
  
  .parental-info img {
    height: 20px;
  }
  
  .parental-info .f-row {
    display : block;
    font-size: 0;
    margin: 0px 40px 0px 40px;
    border-bottom : 2px solid #e6e9ef;
    text-align: center;
    width: 88%; }
    .parental-info .f-row .f-wrap {
      box-sizing: border-box;
      display: inline-block;
      font-size: 1rem;
      text-align: left;
      vertical-align: top;
      width: 100%; }
  
  .parental-info .f-wrap.radio.inline-half, .parental-info .f-wrap.checkbox.inline-half {
      display: inline-block;
      overflow: hidden;
      padding-left: 0px;
      text-align: left;
      width: 50%; }
  
      .row-end {
        border-bottom : #fff;
      }
  
  .buttonParental {
      float: right;
      margin-bottom: 20px;
      margin-right: 39px;
      margin-top: 25px;
      height: 40px;
      width: 85px;
      clear: both;
      position: relative;
      line-height: 40px;
      background: #a7a8aa;
      border: 0;
      color: #333;
      font-size: 16px;
      padding: 0 30px;
      text-transform: uppercase;
      font-family: "FuturaBT", Helvetica, Arial, sans-serif;
      font-weight: 500;
      cursor: pointer;
      text-align: center;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
  }
  
  .f-row .checkParental {
    width: 10%;
    float: right;
    margin: 16px 0;
  }
  
  .new-btn {
    margin-top: 50px;
  }
  #removeParental {
    float : left
  }
  
  #addParental {
    float : right
  }
  .port-parental {
    width : 15%
  }
  .port-parental .f-wrap .label, .port-parental .f-wrap .input {
    text-align: center
  }
  .port-parental .f-wrap .input {
    padding: 12px 10px
  }
  
  .wizard-main-content {
    webkit-box-shadow: 0 0 10px 0 rgb(51 51 51 / 25%);
    -moz-box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.25);
    box-sizing: border-box;
    padding: 60px 15px;
  }
  .wizard-box-content {
    -webkit-box-shadow: 0 0 10px 0 rgb(51 51 51 / 25%);
    background-color: #f1f1f1;
    width: 100%;
    max-width: 840px;
    margin: auto;
    height: 650px;
    position: relative;
  }
  .wizard-box-content .title {
    display: block;
    padding-top: 45px;
    font-size: 25px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    text-align: center;
  }
  .wizard-box-content .description {
    padding: 50px 76px 0px 85px;
    text-align: left;
    font-size: 22px;
    font-weight: 400;
  }
  .wizard-box-content .color-red {
    color: red;
    font-size: 22px;
    font-weight: 400;
    text-align: left;
  }
  .text-center .checkbox-msg .text {
    text-align: center;
  }
  .wizard-box-content .next-button {
    background: #b0272f;
    color: #f1f1f1;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 31px;
    font-size: 25px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    padding: 4px 40px;
    cursor: pointer;
    font-weight: 500;
  }
  .back-button {
    bottom: 80px;
    right: unset !important;
    left: 40px;
    background: #b8acac !important;
    color: black !important;
  }
  .config-wifi-btn {
    padding: 4px 52px !important;
    bottom: 30px;
    background: #b8acac !important;
    color: black !important;
    width: 450px;
    text-align: center;
    box-sizing: border-box;
  }
  .config-bs-btn {
    bottom: 90px !important;
  }
  .wizard-btn {
    bottom: 40px !important;
  }
  .web-pw-input {
    width: 400px;
    border-radius: 40px;
    position: absolute;
    top: 45%;
    left: 170px;
  }
  .recommend {
    position: absolute;
    left: 180px;
    top: 55%;
  }
  .recommend-change-bs {
    position: absolute;
    left: 295px;
    top: 51%;
  }
  .recommend-icon-x {
    width: 13px;
    padding-top: 5px;
    margin-right: 5px;
  }
  .recommend-icon-check {
    width: 13px;
    padding-top: 5px;
    margin-right: 5px;
  }
  .bs-name-input {
    width: 400px;
    border-radius: 40px;
    position: absolute;
    top: 30%;
    left: 280px;
  }
  .bs-pw-input {
    width: 400px;
    border-radius: 40px;
    position: absolute;
    top: 41%;
    left: 280px;
  }
  .title-24 {
    left: 28%;
    position: absolute;
  }
  .title-5 {
    position: absolute;
    right: 12%;
  }
  .change-wifi-name-title {
    position: absolute;
    top: 32%;
  }
  .change-wifi-pw-title {
    position: absolute;
    top: 42%;
  }
  .input-name-24 {
    top: 38%;
    width: 31%;
  }
  .input-name-5 {
    top: 38%;
    right: -28%;
    width: 31%;
  }
  .input-pw-24 {
    top: 48%;
    width: 31%;
  }
  .input-pw-5 {
    top: 48%;
    width: 31%;
    right: -28%;
  }
  .recommend-24 {
    top: 58%;
  }
  .recommend-5 {
    top: 58%;
    right: 12%;
    left: unset;
  }
  .wizard-box-wrapper {
    display: flex;
  }
  .wizard-box-content-2 {
    width: 33%;
    flex-grow: 1;
  }
  .is-visible {
    display: none !important;
  }
  .is-hidden {
    visibility: hidden !important;
  }
  @media screen and (max-width: 768px) {
    .is-pc {
      display: none !important;
      margin-top: 0;
    }
    .wizard-box-wrapper {
      flex-direction: column;
    }
    .is-visible {
      display: block !important;
    }
    .wizard-box-content-2 {
      margin-top: 40px;
      display: flex;
      flex-direction: column;
      position: static;
      width: 100%;
    }
    .title-5, .title-24 {
      position: static;
    }
    .wizard-box-content {
      box-sizing: border-box;
      padding: 20px;
      height: auto;
    }
    .wizard-box-content .title {
      padding-top: 0;
    }
    .wizard-box-content .description {
      padding: 20px 0;
      font-size: 20px;
      text-align: center;
    }
    .wizard-box-content .next-button {
      left: 40px;
      font-size: 18px;
      position: static;
      margin-top: 15px;
      padding: 8px 0;
      text-align: center;
    }
    .web-pw-input, .bs-name-input, .bs-pw-input {
      width: 100%;
      max-width: 400px;
      top: 0;
      left: 0;
      position: relative;
      margin-bottom: 10px;
    }
    .recommend, .recommend-change-bs {
      position: relative;
      top: 0;
      left: 0;
      width: 175px;
      margin: auto;
    }
    .wizard-box-content .next-button.config-wifi-btn {
      width: unset;
      padding: 8px 0 !important;
    }
    .table-rede-guest {
      margin-left: 0;
    }
    .checkbox-msg {
      flex-direction: column;
    }
    .box-none-border table {
      width: 100%;
      margin-left: 0;
    }
    .box-none-border table tbody tr {
      width: 100%;
      margin: 10px 0;
      display: block;
      box-sizing: border-box;
    }
    .wrapper-main .holder-main .collumn.right .holder-content {
      padding: 30px 0;
    }
    .holder-page-title {
      padding: 0 15px;
    }
    .sub-text {
      padding-left: 40px;
      margin-top: 0;
    }
      
  }
  .button-disable {
    background: #b8acac !important;
    color: black !important;
    pointer-events: none;
  }