.title::before {
    content: "Reference ";
}

.element::after {
  content: " After Text";
}

.top-nav-header {
     width: 990px;
    margin: 0 auto;
    position: relative;
    height: 50px;
    overflow: visible;
}

.top-nav-header img {
    position: absolute;
    top: 0;
    left: 30px;
    width: 257px;
    height: 66px;
    background: transparent url("img/linksys_smart_wifi_logo.png") top left no-repeat;
    background-size: 257px 66px
}

.header {
    visibility: visible;
    position: absolute;
    height: 50px;
    z-index: 20;
    top: 0;
    left: 0px;
    width: 100%;
    background-color: #000000;
}

.top-header-menu {
    list-style-type: none;
    position: absolute;
    right: 0;
    margin: 0px;
}

.top-header-menu li {
    cursor: pointer;
    color: #fff;
    padding: 18px 12px;
}

.top-header-menu li:hover {
    cursor: pointer;
    color: #000 !important;
    background: #fff !important;
    padding: 18px 12px;
}

.plain {
    color: #3a5160;
    font-weight: normal;
    font-size: 12px;
    font-family: Helvetica,Arial;
    height: 27px;
    background: linear-gradient(180deg, rgba(226,239,242,1) 0%, rgba(179,179,179,1) 100%);
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 3px !important;
    border-radius: 4px;
    border: none;
    min-width: 100px;
    background: transparent url(img/button.png) repeat-x 0 0;   
}

.plain:hover{
    background-position: 0 -26px
}

.orange {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    font-family: Helvetica,Arial;
    height: 27px;
    background: linear-gradient(180deg, rgba(255,197,150,1) 0%, rgba(224,127,0,1) 100%);
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 3px !important;
    border-radius: 4px;
    border: none;
    min-width: 100px;   
}

.orange:hover {
    background: linear-gradient(180deg, rgba(255,197,150,1) 17%, rgba(224,127,0,1) 100%);  
}

.blue {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    font-family: Helvetica,Arial;
    height: 27px;
    background: linear-gradient(180deg, rgba(85,157,205,1) 0%, rgba(50,121,169,1) 63%);
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 3px !important;
    border-radius: 4px;
    border: none;
    min-width: 100px;
}

.blue:hover {
background: linear-gradient(180deg, rgba(122,185,227,1) 0%, rgba(50,121,169,1) 63%);
}

.slider {

    cursor: pointer;
    width: 35px;
    height: 20px;
    border-width: 0;
}


input, select {
    font-weight: bold;
    font-size: 13px;
    font-family: Helvetica,Arial;
    color: #3e5765;
}

.input-checkbox {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-width: 0;
    margin: 0 8px 4px 4px;
    vertical-align: middle;
    line-height: 30px;
}

/* CSS Linksys Smart WIFI TOGGLE SWITCH:) */



/* CSS Linksys Smart WIFI TOGGLE SWITCH ENDS HERE */

.remember-me {
    display: inline-block; float:left;
}

a {
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    font-family: Helvetica,Arial;
    color: #3991ce;
}

#widget-copyright {

    display: none;
    position: absolute;
    bottom: 35px;
    right: 0;
    -webkit-transition: display 1s linear;
    -moz-transition: display 1s linear;
    -ms-transition: display 1s linear;
    -o-transition: display 1s linear;
    transition: display 1s linear;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.copyright-content {
    color: #fff;
}

.copyright-content a {
    font-weight: normal;
    font-size: 10px;
    font-family: Helvetica,Arial;
    color: #88daff
}

.copyright-content a:hover {
    text-decoration: underline;
}

.copyright-content div + div {
    font-weight: normal;
    font-size: 9px;
    font-family: Helvetica,Arial;
    color: #fff
}

.copyright-content > * {
    float: right;
    clear: right
}

.close-button {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
}

/* Modal Container */
.modal {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow: auto;
    z-index: 41;
    background: #0000005c;

}

/* Modal Content */
.modal-content {
    background: transparent;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    width: 700px;
}

.modal-content ul li {
    list-style-type: disc;
}

/* Close Button */
.close {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 20px;
    cursor: pointer;
}


.help-content {
    background: linear-gradient(180deg, rgba(231,238,242,1) 3%, rgba(201,209,215,1) 97%);
    max-height: 300px;
    overflow-y: scroll;
}

.help-content h2 {
    font-weight: bold;
    font-size: 17px;
    font-family: Helvetica,Arial;
    color: #3b5264;
}


.help-footer {
    padding: 15px;
    background: linear-gradient(180deg, rgba(213,219,223,1) 3%, rgba(203,210,213,1) 97%);
}

.help-footer bottom {
    float: right;
}

.help-navigation {
position: absolute;
    top: 120px;
    right: 50px;
    width: 200px;
    max-height: 250px;
    padding: 0 0 8px 0;
    margin: 0;
    border: solid 1px #4f616d;
    background: #f1f5f8;
    overflow-y: scroll;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.help-navigation h2 {
    font-weight: bold;
    font-size: 17px;
    font-family: Helvetica,Arial;
    color: #3b5264;
    padding: 10px;
}

.help-navigation li {
    
    cursor: pointer;
    padding: 4px 20px 4px 20px;
    margin: 8px 0 8px 0;
    list-style: none;
    font-weight: normal;
    font-size: 12px;
    font-family: Helvetica,Arial;
    color: #3991ce;  
}

.help-navigation .selected {
    background: #c9e9f5;
}

.help-navigation li:hover {
    text-decoration: underline;
}

.dashed {
  border-top: 1px dashed #bbb;
  margin: 0px;
}

.widget-config {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 242px;
    min-height: 25px;
    line-height: 23px;
    padding: 0 0 0 15px;
    background-color: #fcfcfa;
    border: solid 1px #c4ced6;
    font-weight: 100;
    font-size: 12px;
    font-family: Helvetica,Arial;
    color: #3a5160;
}

ul.tabs {
    position: relative;
    height: 27px;
    margin-left: 27px;
    border-right: solid 1px #fff;
    border-left: solid 1px #cad9df;
    background: url("img/tabs/bg.png") top left repeat-x;
}

ul.tabs > div.tooltip {
    top: -23px
}

ul.tabs > li {
    position: relative;
    display: inline;
    list-style-type: none;
    cursor: pointer;
    float: left;
    margin-left: -27px;
    padding: 0 27px;
}

ul.tabs > li > span {
    display: inline-block;
    line-height: 27px;
    vertical-align: middle;
    text-align: center;
    padding: 0 5px;
    white-space: nowrap;
    background: transparent url("img/tabs/bg-default.png") top left repeat-x;
    font-weight: normal;
    font-size: 12px;
    font-family: Helvetica,Arial;
    color: #2f8ac7
}

ul.tabs > li {
    background: url("img/tabs/combo-default-default.png") top right no-repeat;
}

ul.tabs > li.selected > span {
    background: url("img/tabs/bg-selected.png") top left repeat-x;
    font-weight: normal;
    font-size: 12px;
    font-family: Helvetica,Arial;
    color: #48606e
}

ul.tabs > li:hover > span {
    text-shadow: 0 0 8px #fff;
    font-weight: normal;
    font-size: 12px;
    font-family: Helvetica,Arial;
    color: #3991ce
}

ul.tabs > li:first-of-type {
    padding-left: 9px;
    background: url("img/tabs/left-default-round.png") top left no-repeat,url("img/tabs/combo-default-default.png") top right no-repeat;
    border-left: solid 1px #fff
}

ul.tabs > li:first-of-type.selected {
    background: url("img/tabs/left-selected-round.png") top left no-repeat,url("img/tabs/combo-selected-default.png") top right no-repeat
}

ul.tabs > li.selected,html[dir="rtl"] ul.tabs > li.selected {
    background: url("img/tabs/combo-default-selected.png") top left no-repeat,url("img/tabs/combo-selected-default.png") top right no-repeat
}

ul.tabs > li:last-of-type {
    background: url("img//tabs/right-default.png") top right no-repeat
}

ul.tabs > li:last-of-type.selected {
    background: url("img/tabs/combo-default-selected.png") top left no-repeat,url("img/tabs/right-selected.png") top right no-repeat
}

ul.tabs > li:first-of-type:last-of-type {
    background: url("img/tabs/left-default-round.png") top left no-repeat,url("img/tabs/right-default.png") top right no-repeat
}

ul.tabs > li:first-of-type:last-of-type.selected {
    background: url("img/tabs/left-selected-round.png") top left no-repeat,url("img/tabs/right-selected.png") top right no-repeat
}

ul.tabs > div.tab-filler {
    height: 26px;
    border-bottom: solid 1px #fff
}



.Devicelist-bnt {
    float: right; background-color:#dde7eb; padding: 0px 10px;
}

.Devicelist-bnt tr td {
    border-left: 1px solid gray;
    padding: 0px 10px;
}

.Devicelist-bnt button {
    background: transparent url("img/sm_control.png") repeat-x 0 0 ;
    border: none;
    padding: 4px 5px;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
}

.Devicelist-bnt button:hover {
    filter: brightness(1.1);
}

.Device-connected {
    background: #fff;
    width: 262px;
    min-height: 80px;
    position: relative;
    border: 1px solid #d6d6d6;
    display: inline-block;
    margin: 10px;
    cursor: pointer;
}

.Device-connected:hover {
    border: 1px solid #787878;
}

.Device-connected div {
    display: inline-block;
    margin: 0px 5px;
}

.Device-connected span {
    position: relative;
    bottom: 7px;
}

.close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.info {
    position:absolute;
    left: 238px;
    top: 63px;
}

.details-header {
    border-top: 1px solid #fff;
    border-left: 1px solid #c2cacf;
    overflow-x: hidden;
    padding: 6px 0 0 40px;
    height: 30px !important;
    margin-bottom: -4px;
    color: #3a5160;
    font-weight: bold;
    font-size: 15px;
    margin-top: 0px;
}

.word-break {
    width: 426px;
    max-width: 426px;
}

.word-break tr td {
    color: #3e667b;
}

.word-break td:first-child {
    font-weight: bold;
} 

.adding-device {
    clear: both;
    position: relative;
    margin: 0px 15px;
}

.device-adding {
    background-color:  #b4c5cd;
       min-height: 500px;
}

.adding-device nav {
    color: #3a5160;
    margin-left: 25px;
    margin-top: 30px;
}

.connection-list {
    list-style: none;
    padding-left: 0px;
    margin-top: 30px;

}

.connection-list li{
   display: inline;
   margin-right: 10px;
   cursor: pointer;
}

.connection-list img:hover {
     transform: scale(1.01);
}


.form {
    margin: 0px 25px;
}

.form h3{
color: #3a5160;
}


.ui-checkbox {
    width: 62px;
    height: 25px;
    display: block;
    float: left;
    border-width: 0;
    margin: 3px;
    background-position: 0 -125px;
    cursor: pointer;
}

.switch {

}

.inputswitch {
    display: none;
}



.custom-switch {
  position: relative;
}

.custom-switch input[type="checkbox"] {
  display: none;
}

.custom-switch label {
  background: url('img/switch.us.png') left top no-repeat;
    width: 62px;
    height: 25px;
    display: block;
    float: left;
    border-width: 0;
    margin: 3px;
    background-position: 0 -125px;
    cursor: pointer;
}

.custom-switch input[type="checkbox"]:checked + label {
  background: url('img/switch.us.png') left top no-repeat;
   background-position: 0 0px;
}

.custom-switch label:before {
  content: "";
    width: 62px;
    height: 25px;
    display: block;
    float: left;
    border-width: 0;
    margin: 3px;
    cursor: pointer;
  transform: translateX(0);
  transition: transform 0.3s;
}

.custom-switch input[type="checkbox"]:checked + label:before {
  transform: translateX(30px); 
}

.guest_acces tr td {
    padding: 10px 10px;
}

.fieldset {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    font-family: Helvetica,Arial;
    color: #3a5160;

}

.fieldset-form {
    margin-top: 25px;
    display: table;
    width: 410px;
    border: none;
    padding: 0px;

}

.fieldset-group {
    display: table-row-group;
    overflow: hidden;
    height: auto;
}

.fieldset-group ul {
    height: 200px;
    width: 360px;
    overflow-y: scroll;
    border-color: #b1c3c7;
    background: #fff;
    padding: 2px 6px;
    border-radius: 5px;
    border: 1px solid #b1c3c7;
}

.fieldset-group li {
    font-size: 12px;
    color: #3e5765;
    overflow-x: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    white-space: nowrap;
    max-width: 360px;
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
    padding-left: 15px;
    font-weight: bold;
}

.fieldset-group input {
    height: 12px;
    width: 12px;
}

.fieldset-group li.selected {
    background-color: #d4f0fb;
}

.fieldset-container {display: flex;
  justify-content: space-between;}

  .time {
    position: relative;
    float: right;
    bottom: 30px;
    right: 30px;
  }

  .fieldset-firmware {
    width:410px; border:none;
  }

  .fieldset-firmware-div {
    display:block;clear:left; float: none; margin: 0;padding: 0; background-color: #6bda4c;
    font-size: 11px;
    color: #fff;
    height: 30px;
    line-height: 28px;
    width: auto;
    background-color: #6bda4c;
    padding: 0;
    margin-bottom: 0;
    border: 1px solid #808184;
    border-radius: 5px;
  }

  .label {
    font-weight: bold;
    font-size: 15px;
    font-family: Helvetica,Arial;
    color: #3a5160;
  }

  .warningWrapper {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #97a6af;
    background: #f1f5f8;
  }


  .warningMsg {
    vertical-align:;
    padding-top: 4px;
    padding-left: 40px;
    min-height: 25px;
    background: transparent url(img/attention_48.png) center left no-repeat;
    background-size: 25px;
    margin: 0px 12px;
  }

  .download {
    background: url(img/downloadArrow.png) no-repeat left center;
    background-size: 12px;
  }

  .download a {
    padding-left: 15px;
  }

  .upload {
    background: url(img/uploadArrow.png) no-repeat left center;
    background-size: 12px;
  }

    .upload a {
    padding-left: 15px;
  }

  .modal-contain {
    margin: 10px 20px;
  }

  .modal-contain h3 {
    color: #3a5160;
    margin-left: 15px;
  }

  .speed-check-table {
     padding: 25px;
     margin-left: 20px;
  }

  .speed-check-table tr td {
    padding: 2px 8px;
    color: #000;
  }

  .speed-check-table label {
    font-size: 30px;
  }

  .speed-check-table img {
    width: 25px;
  }

  .Connectivity-table tr td{
    padding-top: 15px;
  }

  .firmware {
    margin: 15px 10px;
  }

  .firmware legend {
    color: #3a5160;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
  }

  .disabled {
    color: gray;
    pointer-events: none;
    opacity: .4;
  }

  .modal_table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
    color: #3e667b;
    margin: 10px;
    margin: 0 auto;
    width: 100%;

  }

  .modal_table th {
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    padding: 5px 20px;
    border: 1px solid #97a6af;
  }

  .modal_table tr td  {
    padding: 5px 20px;
    border: 1px solid #97a6af;
    text-align: center;
  }

   .WiFi_table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
    color: #808184;
    margin: 10px;
    margin: 0 auto;
    width: 100%;
 }

 .WiFi_table tr td {
    padding-top: 15px;
 }

  .content-table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
    color: #808184;
    background: #fff;
    margin: 10px;
    margin: 0 auto;
    width: 100%;
  }

  .content-table th {
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    border: 1px solid #97a6af;
    min-width: 100px;
    min-height: 80px;
  }

  .content-table tr td {
    border: 1px solid #97a6af;
    text-align: center;
        min-width: 100px;
  }

  .table-size {
    height: 80px;
  }

  .right {
    margin-top: 5px;
    float: right;
  }

  .t_margin tr td {
    padding: 2px 15px;
  }

  .t_color th {
    background: #fff;
  }

  .small input {
    width: 24px;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
    padding-right: 2px;
    padding-left: 2px;
    height: 20px;
  }

  .reg_input input {

    margin-left: 0;
    margin-right: 0;
    margin: 0;
    padding-right: 2px;
    padding-left: 2px;
    height: 20px;
  }

  .table-padding tr td {
    padding: 10px;
  }

  .table-padding_5 tr td {
    padding: 5px;
  }

  .table-padding th {
    padding: 5px;
  }

  .table-bordered {
    text-align: center;
    border-collapse: collapse;
    width: 100%;
  }
  .table-bordered tr td{
        padding: 10px 5px;
  }

  .table {
    background-color: #fff;
    margin: 0 0 15px 0 !important;
    width: 100%;
    height: 100%;
    margin-bottom: 0 !important;
    text-align: left;
  }

.advanced_data {
    display: flex;
    padding: 0 10px 10px 10px;
    margin-bottom: 20px;
}

.advanced_data span {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    bottom: 9px;
}

.advanced_label {
    width: 260px;
}

.a-selected {
    color: #000;
}

.Logs-container {
        width: 650px;
    height: 235px;
    padding: 10px;
    overflow-y: scroll;
    background-color: #fff;
}

 .select {
    border: 1px solid #b1c3c7;
    border-color: #b1c3c7;
    background: #fff;
    padding: 2px 6px;
    border-radius: 3px;
    height: 25px;
 }

.showpassword {
    display: block;
    width: 12px;
    height: 16px;
    cursor: pointer;
    background: url(img/Eye_Open.png) no-repeat center center transparent;
    padding: 6px;
    float: right;
    position: relative;
    right: 60px;
}

.hidepassword {
    display: block;
    width: 12px;
    height: 16px;
    cursor: pointer;
    background: url(img/Eye_Close.png) no-repeat center center transparent;
    padding: 6px;
    float: right;
    position: relative;
    right: 60px;
}

.wpsbuttons {
    min-height: 200px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #97a6af;
    background: #f1f5f8;
    padding: 15px;
}

.wps-cards {
    margin: 10px;
    min-width: 265px;
    max-width: 265px;
}

.DMZ-content {
    min-height: 150px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #97a6af;
    background: #f1f5f8;
    padding: 15px;
}

.DMZ-cards {
    margin: 10px;
    min-width: 400px;
    max-width: 400px;
}

.legend {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    font-family: Helvetica,Arial;
    color: #3a5160;
}

.wps {
    margin: auto;
    margin-top: 30px;
}

.wpsbnt {
    width: 65px;
    height: 65px;
    cursor: pointer;
    background: transparent url(img/wps.png) top left no-repeat; 
}

.wpsbnt:hover{
    background-position: -65px 0px;
}

.WiFiAdvanced {

    min-height: 150px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #97a6af;
    background: #f1f5f8;
    padding: 15px;
    min-height: 165px;
    max-height: 165px;
}