@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('./blue-theme-style.css');

*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
}


html {
background: none;
outline: none;
}

body {
font-family: "Outfit", sans-serif !important;
font-size: 16px !important;
/*outline: none;*/
}


:root {

--color-bg-download: #F5F5F5;
--color-bg-download-tertiary: #0AC693;

--color-border: rgba(212, 212, 212, 1);
--color-border-download: #D0D7DF;
--color-border-lightmini-green: #1CB9A0;

--color-green: #26E880;
--color-green-light: #A7EFD8;
--primeryBlue-color: #002fff;

--color-gray-light: #E2E8F0;
--color-search-bg: #F1F5F9;
--color-warning: #D22F2F;
}

img {
cursor: pointer;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
margin-bottom: 8px;
font-weight: 600;
word-break: break-word;
}

input::placeholder {
color: black;
opacity: 1;
}

h1 {
margin-bottom: 15px;
font-size: 56px;
}

h2 {
margin-bottom: 10px;
font-size: 32px;
}

h3 {
margin-bottom: 10px;
font-size: 24px;

}

h4 {
margin-bottom: 10px;
font-size: 16px;

}

h5 {
margin-bottom: 10px;
font-size: 15px;
}

p {
margin-bottom: 16px;
}

button[type="button"] {
background: none;
border: 0;
}

html body a:link.global-link {
color: black;
text-decoration: underline;
border: 0;
cursor: pointer;
}

html body a:link:hover.global-link {
text-decoration: none;
}

html body a:link.green-link {
color: var(--lightminigreen-border-color);
}


html body a:link.btn,
html body button.btn {
font-family: "Outfit", sans-serif;
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
padding: 12px 24px;
text-decoration: none;
font-weight: 500;
border-radius: 8px;
transition: 0.8s;
width: 100%;
font-size: 16px;
text-decoration: none;
justify-content: center;
align-items: center;
cursor: pointer;

}

html body a:link.btn-dark,
html body a:visited.btn-dark,
html body button.btn-dark {
  background-color: black;
  color: white;
  border: 1px solid black;
}

html body a:link.btn-dark:hover {
  background-color: white;
  color: black;
}

html body a:link.btn-outline-dark,
html body a:visited.btn-outline-dark,
html body button.btn-outline-dark {
  background-color: white;
  color: black;
  border: 1px solid black;
}

html body a:link.btn-outline-dark:hover {
  background-color: black;
  color: white;
}

html body a:link.btn-gray,
html body a:visited.btn-gray,
html body button.btn-gray {
  background-color: var(--color-gray-light);
  color: black;
  border: 1px solid var(--color-gray-light);
}

html body a:link.btn-gray:hover {
  background-color: white;
  color: black;
  border: 1px solid black;
}

html body .troubleshooting a:link.btn-dark-green,
html body .troubleshooting a:visited.btn-dark-green,
html body .troubleshooting button.btn-dark-green {
  background-color: var(--color-border-lightmini-green);
  color: black;
  border: 1px solid var(--color-border-lightmini-green);
  margin-top: 10px;
}

.kb-btn-cover { 
width: 200px;
}

/*html body a.btn-dark,
html body a.btn-dark:link,
html body a.btn-dark:visited,
html body a.btn-dark:hover,
html body a.btn-dark:active,
html body button.btn-dark {
	background-color: black !important;
	color: white !important;
	border: 1px solid black;
	text-decoration: none !important;
}
 

html body a.btn-dark:hover,
html body button.btn-dark:hover {
	background-color: #222 !important;  
	color: white !important;
}

html body a:link.btn-gray,
html body button.btn-gray {
background-color: var(--color-gray-light);
color: black;
border: 1px solid var(--color-gray-light);
}

html body a:link.btn-gray:hover {
background-color: white;
color: black;
border: 1px solid black;
}*/

/* Lists */
ul,
ol {
margin-bottom: 16px;
padding-left: 24px;
}

ul {
list-style: disc;
}

ol {
list-style: decimal;
}

.flex-support {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
flex-direction: column;
}

.flex-support.flex-col {
flex-direction: column;
}

.flex-support.flex-row {
flex-direction: row
}

.flex-support.justify-between {
justify-content: space-between;
}

.flex-support.justify-center {
justify-content: center;
}

.flex-support.justify-end {
justify-content: end;
}


.flex-support.item-center {
align-items: center;
}

.alert {
color: var(--color-warning);
font-size: 14px;
margin-top: 5px;
margin-bottom: 20px;
}

.container {
width: 100%;
max-width: 1380px;
margin: 0 auto;
padding-left: 12px;
padding-right: 12px;
}

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

community_layout-section.lwc-6j9an5vbrcd-host.comm-section-container{
padding: 0;
}

.py-5 {
padding-top: 10px;
padding-bottom: 10px;
}

#signInDsk:hover {
    text-decoration: underline;
    text-decoration-color: #fff; /* white underline on black background */
    cursor: pointer;
}

/* Hover underline for Logout (black button) */
#signOutDsk:hover {
    text-decoration: underline;
    text-decoration-color: #fff; /* white underline on black background */
    cursor: pointer;
}

#signUpDsk:hover {
    text-decoration: underline;
    text-decoration-color: #000; 
    cursor: pointer;
}

.py-10 {
padding-top: 30px;
padding-bottom: 30px;
}

.py-15 {
padding-top: 40px;
padding-bottom: 40px;
}

.py-20 {
padding-top: 60px;
padding-bottom: 60px;
}

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

.px-3 {
padding-right: 16px;
padding-left: 16px;
}

.p-2 {
padding: 8px;
}

.mb-2 {
margin-bottom: 8px;
}

.d-desktop {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
}

.d-mobile {
display: none;
}

.toggle-icon {
display: none;
}

.content-wrap h1 {
font-size: 40px;
margin-top: 30px;
margin-bottom: 0;
}

.light-text {
font-size: 40px;
margin-bottom: 30px;
line-height: normal;
font-weight: 100;
}

.two-colom-box {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
width: 100%;
height: 450px;
margin: 0;
margin-bottom: 50px;
position: relative;
gap: 3%;
justify-content: center;
align-items: center;
overflow: hidden;
}

.two-colom-box:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: var(--color-gray-light);
z-index: 0;
transform: rotate(50deg);
}

.support-section {
position: relative;
height: 150%;
width: 335px;
transform: rotate(21deg);
z-index: 2;
}

.support-section-inner {
position: relative;
height: 100%;
overflow: hidden;
width: 100%;
z-index: 9;
}

.support-section-inner p {
font-size: 30px;
font-weight: 600;
letter-spacing: 0.5px;
margin-bottom: 0;
line-height: 33px;
}

.support-section img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
transform: scale(1);

}

.support-section:hover img {
transform: scale(1.2);

}

.left-position {
transform: rotate(-21deg) translate(-186px, 45px);
width: 670px;
cursor: pointer;
}

.overlay {
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.6);
color: white;
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
align-items: center;
justify-content: center;
font-size: 24px;
text-align: center;
font-weight: bold;
}

/* Pop Model */

.click-event {
cursor: pointer;
}

.modal {
min-height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
inset: 0;
z-index: 9999;
}

.modal .modal-content {
border-radius: 12px !important;
}

.modal-content {
background-color: white;
color: black;
padding: 30px;
width: 100%;
max-width: 620px;
position: relative;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
height: 380px;
}

.modal-content h3 {
font-size: 20px;
}

.modal .close-btn {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
}

.overlay-main-content {
padding-top: 10px;
padding-bottom: 10px;
max-height: 268px;
overflow-y: auto;
}

.overlay-main-content h4{
	  margin-bottom: 10px;
}

.overlay-main-content p{
margin-bottom: 10px;
}

.modal .contact-list {
list-style: none;
padding-left: 0;
margin: 0;
}

.modal .contact-list li {
margin-bottom: 6px;
}

/* Header and footer overide style */
body header[data-f6-region],
body footer[data-f6-region] {
padding: 0;
}

/* Header */
header.header {
padding: 24px;
border-bottom: 1px solid var(--color-gray-light);
}


header.header .header-left {
/* width: 55%; */
flex: 1;
-webkit-flex: 1; /* Safari 6.1+ */
-ms-flex: 1;     /* IE 10 */
}


header.header .nav-left a {
margin-right: 20px;
text-decoration: none;
color: black;
font-weight: 600;
font-size: 14px;
position: relative;
}

header.header .nav-left a:after{
content: "";
width: 100%;
height: 2px;
background-color: #000;
position: absolute;
bottom: -4px;
left: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease-in-out;
}

header.header .nav-left a.active::after,
header.header .nav-left a:hover:after {
opacity: 1;
visibility: visible;
}

header.header .logo {
font-size: 24px;
font-weight: 800;
letter-spacing: 2px;
flex: 1;
-webkit-flex: 1; /* Safari 6.1+ */
-ms-flex: 1;     /* IE 10 */
text-align: center;
}

header.header .nav-right {
gap: 20px;
/* width: 45%; */
flex: 1;
-webkit-flex: 1; /* Safari 6.1+ */
-ms-flex: 1;     /* IE 10 */
}

header.header .search-box {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
align-items: center;
gap: 8px;
background: var(--color-search-bg);
padding: 8px 14px;
border-radius: 20px;
font-weight: 600;
font-size: 14px;
}

header.header .search-box input,
header.header .search-box input:focus {
border: 0;
background: none;
width: 71px;
font-weight: bold;
color: black;
opacity: 1;
}

header.header .search-box button {
border: 0;
}

header.header .icon {
fill: black;
cursor: pointer;
}

header.header .dropdown-relative {
position: relative;
}

header.header .dropdown-relative .btn {
width: 100%;
margin-bottom: 16px;
}

header.header .dropdown-relative .btn:last-child {
margin-bottom: 0;
}

header.header .user-link ul {
list-style: none;
margin: 0;
padding: 0;
}

header.header .user-link li.dropdown-relative {
  position: relative;
}

header.header .user-link li.dropdown-relative > ul {
  min-width: 308px;
  position: absolute;
  z-index: 99;
  padding: 24px;
  margin: 0;
  color: black;
  text-align: left;
  list-style: none;
  right: 0;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  top:100%;
  display:none;
}

header.header .user-link li:hover.dropdown-relative > ul {
  display: block;
}

.close-dropdown{
	position: absolute;
	right: 18px;
	top: 14px;
}

.dropdown-divider {
height: 0;
margin: 10px 0;
overflow: hidden;
border-top: 1px solid gray;
opacity: 1;
}

/*header a.dropdown-item {
font-weight: 400;
font-size: 14px;
line-height: 1.5;
white-space: break-spaces;
display: inline-block;
padding: 5px 0;
box-sizing: border-box;
color: black !important;
}*/

header a.dropdown-item {
font-weight: 400;
font-size: 14px;
line-height: 1.5;
white-space: nowrap;         
display: block;            
padding: 6px 12px;
box-sizing: border-box;
color: black !important;
text-decoration: none;     
}

header a.dropdown-item:hover,
header a.dropdown-item:focus {
color: black !important;           
text-decoration: underline !important; 
background: transparent !important; 
outline: none;
}

/*
header.header .user-link ul.dropdown-menu li { list-style: none; }
header.header .user-link ul.dropdown-menu h4 { font-size: 18px; font-weight: 600; }
header.header .user-link ul.dropdown-menu p  { font-size: 14px; color: #444; }*/

/* Buttons area: stack and stretch full width with gap */
/*header.header .user-link ul.dropdown-menu .dropdown-actions{
display: flex; flex-direction: column; gap: 12px; margin-top: 8px;
}*/

/* Make sure the buttons are truly full width in the dropdown */
/*header.header .dropdown-relative .btn,
header.header .user-link ul.dropdown-menu .btn { width: 100%; display: flex; }*/

/* Give the menu a nice card look (you already have most of this) */
/*header.header .user-link ul.dropdown-menu{
min-width: 308px; 
padding: 24px;
border-radius: 12px;
right: 0;
}*/

/* mobile  */
.hamburger {
  display: none;
  flex: 1;
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
}

.mobile-menu {
  flex-direction: column;
  position: fixed;
  gap: 10px;
  width: 80%;
  top: 0;
  left: -100%;
  background-color: black;
  padding: 37px 24px;
  height: 100vh;
  z-index: 9999;
}

.mobile-menu.open {
  left: 0;
}

.mobile-menu .close-button {
  position: absolute;
  right: 15px;
  top: 8px;
}

html body .mobile-menu a:link,
html body .mobile-menu a:visited {
  color: white;
  text-decoration: none;
  display: inline-block;
}

html body .mobile-menu a:link:hover {
  text-decoration: underline;
}


/* Banner */
.banner {
background-image: url('../images/nfb_hero_banner.webp');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
align-items: center;
justify-content: center;
position: relative;
color: white;
padding: 80px 0px;
min-height: 200px;
text-align: center;
}

.banner:before {
width: 100%;
position: absolute;
height: 100%;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.5);
}

.banner h1 {
font-size: 56px;
font-weight: 600;
margin-top: 0;
line-height: 64px;
letter-spacing: 0.5px;
margin-bottom: 0;
position: relative;
z-index: 2;
}


.banner h1 span {
font-weight: 600;
}

.banner p {
color: white;
margin-top: 15px;
font-size: 20px;
letter-spacing: 0.1px;
z-index: 2;
position: relative;
margin-bottom: 5px;
}

.banner .search-box {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
max-width: 800px;
margin: 29px auto;
background: white;
border-radius: 12px;
overflow: visible;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
width: 100%;
position: relative;
z-index: 2;
}

.banner .search-box input {
flex: 1;
padding: 24px;
font-size: 20px;
border: none;
outline: none;
color: black;
}

.banner .search-box button {
background: none;
border: none;
padding: 0 20px;
cursor: pointer;
}

.banner .search-box img {
width: 24px;
height: 24px;
filter: invert(0.4);
}

section.banner.flex-support>a {
font-size: 18px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0.5px;
text-decoration: underline;
color: white;
position: relative;
z-index: 2;
}

section.banner.flex-support>a:hover {
text-decoration-line: none;
}

.banner .search-box ul.search-results {
display: block;
position: absolute;
top: 90%;
width: 100%;
left: 0;
z-index: 9;
padding: 0;
list-style: none;
background: white;
border-radius: 0 0 12px 12px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
text-align: left;
}

html body ul.search-results li a:link {
display: inline-block;
color: black;
text-decoration: none;
padding: 10px 20px;
margin-left: 4px;
padding-right: 10px;
}

html body ul.search-results li a:link:hover {
text-decoration: underline;
}

/* card */
.card-enterprise-support {
padding: 48px 0;
}

.card-enterprise-support .card {
background-color: var(--color-search-bg);
padding: 40px;
text-align: center;
border-radius: 12px;
box-sizing: border-box;
/* width: 33.33%; */
}

.card-enterprise-support .icon {
width: 48px;
height: 48px;
margin-bottom: 16px;
opacity: 0.5;
}

.card-enterprise-support .card h3 {
font-size: 24px;
font-weight: 600;
margin-bottom: 12px;
}

.card-enterprise-support .card p {
font-size: 16px;
color: black;
margin-bottom: 24px;
word-break: break-all;
}

/* multiple card handle */
.card-enterprise-support.multiple-card .flex-support {
gap: 24px;
flex-flow: wrap;
justify-content: flex-start;
}

/* .card-enterprise-support.multiple-card .card {
width: 31.33%;
} */

.card-enterprise-support .card.light-green-card {
background-color: var(--color-bg-download);
}


/* Need some more help */
.help-section {
text-align: center;
padding: 48px 0;
background-color: var(--color-search-bg);
}

.help-title {
font-size: 32px;
font-weight: 600;
margin-bottom: 16px;
color: #000;
}

.help-options {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
flex-wrap: wrap;
justify-content: center;
gap: 40px;
}

.help-card {
text-align: center;
border: 1px solid var(--color-border);
padding: 40px;
border-radius: 12px;
/* width: 33.33%; */
}

.help-card h3 {
font-size: 20px;
font-weight: 600;
color: #111;
letter-spacing: 0.1px;
margin-bottom: 8px;
}

.help-card .help-card-content {
min-height: 76px;
margin-bottom: 14px;
}

.help-card .help-card-content ul {
list-style-position: inside;
padding: 0;
}

.help-card p {
font-size: 16px;
color: #333;
line-height: 1.5;
padding-bottom: 10px;
margin-bottom: 0;
}

.custom-support-section {
background: var(--color-border-lightmini-green);
padding: 32px 0;
position: relative;
overflow: hidden;
color: white;
}

.custom-support-section h3 {
font-size: 20px;
font-weight: 600;
line-height: 28px;
letter-spacing: 0.5px;

}

.custom-support-icons {
gap: 88px;
margin-top: 24px;
}

.custom-support-icon {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
flex-direction: column;
align-items: center;
font-size: 14px;
font-weight: 600;
color: white;
letter-spacing: 0.5px;
text-decoration: none;
}

.custom-support-icon:hover,
.custom-support-icon:focus,
.custom-support-icon:visited {
	text-decoration: none;
	color: white;
}

.custom-support-icon img {
width: 40px;
height: 40px;
margin-bottom: 4px;
}


.custom-triangle {
content: '';
position: absolute;
right: 142px;
bottom: 0;
width: 0;
height: 0;
border-left: 42px solid transparent;
border-right: 38px solid transparent;
border-bottom: 119px solid black;
z-index: 1;
}

.custom-overlay {
position: absolute;
right: 67px;
bottom: -21px;
width: 103px;
height: 122%;
background-color: var(--color-green);
z-index: 2;
transform: rotate(-17deg);
}

/* Annnouncment section */
.announcement-box {
background-color: var(--color-green);
padding-top: 15px;
padding-bottom: 15px;
}

html body .announcement-box a:link,
html body .announcement-box a:visited{
color: black;
}

html body .announcement-box.announcement-chp a:link,
html body .announcement-box.announcement-chp a:visited{
color: white;
}

.announcement-box p {
font-size: 18px;
font-weight: 600;
letter-spacing: 0.5px;
color: black;
margin-bottom: 0;
}



/* Pre-Sales Support */

.security-advisior {
width: 100%;
position: relative;
overflow: hidden;
}

.security-advisior:after {
content: "";
top: 0;
display: block;
width: 50%;
height: 100%;
background-color: var(--color-green-light);
z-index: 1;
position: absolute;
right: 0;
}

.security-advisior .flex-support {
position: relative;
z-index: 2;
}

.security-advisior .pre-sales-left {
flex: 1;
padding: 40px 40px 40px 0;
}

.security-advisior .pre-sales-left h5 {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14.4px;
margin-bottom: 8px;
color: black;
}

.security-advisior .pre-sales-left h2 {
font-size: 24px;
margin: 3.2px 0 16px;
}

.security-advisior .pre-sales-left ul {
padding-left: 24px;
margin: 8px 0 24px;
}

.security-advisior .pre-sales-left ul li {
margin: 4.8px 0;
}

.security-advisior .pre-sales-left a {
color: #0070c9;
text-decoration: none;
}

.security-advisior .pre-sales-left a:hover {
text-decoration: underline;
}

.security-advisior .pre-sales-right {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
gap: 16px;
flex: 2;
background-color: var(--color-green-light);
padding: 40px 0 40px 20px;
justify-content: flex-end;
align-items: center;
}

.security-advisior .pre-sales-right .card {
background: transparent;
border: 1px solid var(--color-border-lightmini-green);
border-radius: 12px;
padding: 16px;
text-align: center;
width: 30%;
transition: 0.3s ease;
}

.security-advisior .pre-sales-right .card:hover {
background-color: #a3e8d4;
}

.security-advisior .pre-sales-right .card .icon {
font-size: 32px;
margin-bottom: 8px;
}

/* download center */

.product-download .flex-support {
gap: 24px;
}

.product-download .flex-support .left-column {
flex: 2;
min-width: 300px;
letter-spacing: 0.5px;
}

.product-download .flex-support .right-column {
flex: 1;
min-width: 250px;
}

.doc-box, .article-content {
border: 1px solid var(--color-border-download);
border-radius: 10px;
padding: 20px;
margin-bottom: 24px;
}

.doc-box h4, .article-content h4 {
font-size: 20px;
font-weight: 400;
letter-spacing: 0.1px;
margin-top: 8px;
}

.doc-box .doc-item {
background: var(--color-bg-download);
padding: 12px 16px;
margin-bottom: 8px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
}


.article-content,
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4{
font-family: "Outfit", sans-serif !important;
font-size: 16px !important;
}



html body .doc-box a:link,
html body .doc-box a:visited {
color: #000;
width: auto;
}

html body .doc-box a:link.btn-dark,
html body .doc-box a:visited.btn-dark {
color: white;
}

html body .doc-box a:hover.btn-dark{
color: white;
background-color: #000;
}

html body .doc-box a:hover.btn-white{
color: black;
background-color: white;
border: 1px solid white;
}


.doc-box .btn {
width: auto;
gap: 10px;
}

.product-card {
border: 1px solid var(--color-border-download);
border-radius: 12px;
overflow: hidden;
text-align: center;
}

.product-image {
background-color: #94A3B8;
height: 160px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
overflow: hidden;
}

.product-info {
padding: 16px;
}

.product-info p {
font-size: 14px;
}


.firmware-latest {
background: var(--color-gray-light);
padding: 16px;
border-radius: 10px;
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}

.firmware-info strong {
font-size: 14px;
}

.firmware-info p {
font-size: 14px;
margin: 4px 0 0;
}

.badge {
background: var(--color-bg-download-tertiary);
color: white;
font-size: 12px;
padding: 2px 8px;
border-radius: 6px;
margin-left: 8px;
vertical-align: middle;
text-transform: uppercase;
}

.firmware-actions {
gap: 10px;
}

.firmware-previous {
margin-top: 12px;
background: #f6f6f6;
padding: 14px 16px;
border-radius: 10px;
font-size: 15px;
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
justify-content: space-between;
align-items: center;
}

.plus-icon {
font-size: 18px;
font-weight: bold;
}

.app-info {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
align-items: center;
gap: 12px;
}

.app-icon {
width: 40px;
height: 40px;
border-radius: 10px;
overflow: hidden;
}

.app-info strong {
font-size: 16px;
}

.app-info p {
margin: 4px 0 0;
font-size: 13px;
}

.app-buttons {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
gap: 10px;
}


/* download form */

.form-container {
max-width: 900px;
margin: 10px auto 5px;
}

.form-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
margin-bottom: 24px;
}

input[type="text"],
input[type="email"],
select {
padding: 14px;
font-size: 14px;
border-radius: 8px;
border: 1px solid var(--color-border-download);
width: 100%;
box-sizing: border-box;
}

select {
appearance: none;
background-color: white;
}

.form-group {
margin-bottom: 20px;
}

.form-group p {
font-weight: 400;
margin-bottom: 8px;
font-size: 14px;
}

.form-group label {
margin-right: 20px;
}

.checkbox-label {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
gap: 8px;
align-items: flex-start;
margin-bottom: 10px;
align-items: center;
}

.checkbox-label input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #c5cbd5;
border-radius: 2px;
margin-right: 8px;
position: relative;
cursor: pointer;
}

.checkbox-label input[type="checkbox"]:checked::before {
content: '';
position: absolute;
top: 4px;
left: 4px;
width: 10px;
height: 10px;
background-color: #000;
border-radius: 50%;
}


.product-download .radio-group.flex-support {
gap: 5px;
}

.product-download .radio-group.flex-support label {
gap: 0;
align-items: center;
}

label input[type="radio"] {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #c5cbd5;
border-radius: 50%;
margin-right: 8px;
position: relative;
cursor: pointer;
}

label input[type="radio"]:checked::before {
content: '';
position: absolute;
top: 4px;
left: 4px;
width: 10px;
height: 10px;
background-color: #000;
border-radius: 50%;
}

.privacy-text {
font-size: 13px;
margin-top: 4px;
}

.privacy-text a {
color: #007b8f;
text-decoration: underline;
}

.product-download button[type="submit"] {
margin-top: 20px;
background-color: var(--color-border-lightmini-green);
color: white;
font-size: 16px;
padding: 12px 24px;
border: none;
border-radius: 8px;
cursor: pointer;
font-family: "Outfit", sans-serif;
}

.product-download button[type="submit"]:hover {
background-color: black;
}

/* breadcrumb */

.breadcrumb-header {
font-size: 12px;
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
align-items: center;
gap: 6px;
padding: 24px;
margin-bottom: 0;
overflow-x: auto;
flex-wrap: wrap;
}

html body .breadcrumb-header a:link,
html body .breadcrumb-header a:visited {
text-decoration: none;
color: black;
}

html body .breadcrumb-header a:link:hover,
html body .breadcrumb-header a:link.active{
text-decoration: underline;
}

.breadcrumb-header .separator {
  color: black;
}

.breadcrumb-header .active {
text-decoration: underline;
font-weight: 500;
}

/* Troubleshooting Listing */

.troubleshoot-listing {
padding-top: 48px;
padding-bottom: 48px;
}

.support-card {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
gap: 20px;
border: 1px solid var(--color-gray-light);
border-radius: 10px;
padding: 24px;
margin-bottom: 20px;
align-items: center;
}

.support-card:last-child {
margin-bottom: 0;
}

.support-card h3 {
margin-bottom: 8px;
}

.support-card p {
margin-bottom: 0;
}

.pagination {
gap: 16px;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid var(--color-border-download);
font-size: 14px;
}

.pagination ul {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
list-style: none;
gap: 10px;
padding: 0;
margin: 0;
}

.pagination li {
padding: 4px 8px;
cursor: pointer;
}

.pagination .active {
border-bottom: 2px solid black;
font-weight: bold;
}

.pagination .arrow {
color: black;
cursor: pointer;
}

/* Troubleshooting details */

.troubleshooting .doc-box li,
.troubleshooting .article-content li {
margin-bottom: 30px;
}

.troubleshooting .doc-box li ul,
.troubleshooting .article-content li ul {
padding-top: 20px;
}

.troubleshooting .doc-box li ul li,
.troubleshooting .article-content li ul li {
margin-bottom: 0px;
}

html body .troubleshooting a:link,
html body .troubleshooting a:visited{
color: var(--color-border-lightmini-green);
}

html body .troubleshooting .hidden-article-list{
    color: var(--color-border-lightmini-green);
}
html body .troubleshooting.chp-troubleshooting .hidden-article-list{
    color: var(--primeryBlue-color);
}

.green-color{
color: var(--color-green);
}

.feedback-box {
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
align-items: center;
gap: 16px;
}

.feedback-question {
font-weight: 600;
color: #2d3748;
/* dark gray */
}

html body .troubleshooting form .feedback-box a.feedback-button:link,
html body .troubleshooting form .feedback-box a.feedback-button:visited {
display: flex;
display: -ms-flexbox;
/* IE 10 */
display: -webkit-flex;
/* Safari 6.1+ */
align-items: center;
gap: 8px;
padding: 10px 16px;
font-size: 16px;
font-weight: 500;
background-color: #fff;
border: 2px solid #e2e8f0;
border-radius: 10px;
cursor: pointer;
transition: border-color 0.3s, box-shadow 0.3s;
color: black;
text-decoration: none;
}

html body .troubleshooting a.feedback-button:hover {
border-color: #38b2ac;
box-shadow: 0 0 0 2px rgba(56, 178, 172, 0.2);
}


.article-box {
background-color: #f6f8f9;
padding: 30px;
border-radius: 20px;
margin-bottom: 32px;
display: flex;
flex-direction: column;
}

.article-box:last-child {
margin-bottom: 0;
}

.article-box h2 {
margin-bottom: 20px;
font-size: 24px;
color: #333;
}
.article-box h4 {
margin-bottom: 20px;
font-size: 24px;
color: #333;
}

.article-box ul {
padding-left: 20px;
margin: 0;
}

.article-box li {
margin-bottom: 4px;
}

html body .article-box a:link,
html body .article-box a:visited {
  color: var(--color-border-lightmini-green);
  text-decoration: underline;
  transition: color 0.3s ease;
}

html body .article-box a:link:hover {
  text-decoration: none;
}

.article-box .language-selector{
  width: 100%;
}

.article-box .selector-button{
  width: 100%;
  border: 1px solid var(--color-border-download);
  height: 56px;
  min-width: 0;
}

.article-box .language-dropdown{
 bottom: auto;
 top: 100%;
  padding-left: 0;
  padding-right: 0;
}

.article-box .language-dropdown li{
  margin: 0;
}

html body .article-box .language-dropdown li a:link,
html body .article-box .language-dropdown li a:visited{
  color: black;
  text-decoration: none;
}

/*.article-box li a {
color: var(--color-border-lightmini-green);
font-size: 16px;
text-decoration: underline;
transition: color 0.3s ease;
font-weight: normal;
}*/
.article-box li a {
color: inherit;
font-size: 16px;
text-decoration: underline;
transition: color 0.3s ease;
font-weight: normal;
}

.article-box.links--blue ul {
list-style-type: disc;
color: var(--primeryBlue-color) !important;
}

.article-box.links--blue li a {
color: var(--primeryBlue-color) !important;
}

.article-box.links--blue li a:hover {
text-decoration: none;
}

.article-box.links--green ul {
list-style-type: disc;
color: var(--color-border-lightmini-green) !important;
}

.article-box.links--green li a {
color: var(--color-border-lightmini-green) !important;
}

.article-box.links--green li a:hover {
text-decoration: none;
}

#PreviousAnswers.links--blue ul li a {
color: var(--primeryBlue-color) !important;
}

#PreviousAnswers.links--green ul li a {
color: var(--color-border-lightmini-green) !important;
}


/*.article-box li a:hover {
text-decoration: none;
}*/

.article-box.d-desktop {
display: block;
}
.article-box.d-mobile {
display: none;
}

.article-last-updated {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	display: block;
	font-size:14px;
	color: #666666;
}


/* product category card */
.card-enterprise-support.multiple-card.product-category-card .card {
border: 1px solid var(--color-gray-light);
background: none;
padding: 0;
}

.card-enterprise-support.multiple-card.product-category-card .slds-grid {
padding-top: 20px;
}

/* .card-enterprise-support.multiple-card.product-category-card .slds-col:nth-child(3n) > .card {
margin-right: 0;
} */

.card-enterprise-support.multiple-card.product-category-card .card .inner-card-content {
padding: 24px;
text-align: left;
}

.p-img {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
overflow: hidden;
}

.slds-grid>.slds-col.slds-m-bottom_large:nth-last-child(-n + 3) {
margin-bottom: 0;
}


/* sub category */
.card-enterprise-support.multiple-card.product-category-card.product-sub-category-card .card .p-img {
min-height: 200px;
background-color: var(--color-search-bg);
display: flex;
display: -ms-flexbox;   /* IE 10 */
display: -webkit-flex;  /* Safari 6.1+ */
justify-content: center;
align-items: center;
}

.card-enterprise-support.multiple-card.product-category-card.product-sub-category-card .card .inner-card-content {
text-align: center;
}

.card-enterprise-support.multiple-card.product-category-card.product-sub-category-card .card .inner-card-content p {
font-size: 14px;
}


/* footer */
footer.footer {
background-color: #000;
color: #fff;
padding: 72px 0 42px;
letter-spacing: 0.5px;
}

footer.footer .footer-columns a {
color: #ffffff;
text-decoration: none;
font-size: 14px;
}

footer.footer a:hover {
text-decoration: underline;
}

footer.footer .footer-top {
flex-wrap: wrap;
justify-content: space-between;
gap: 40px;
border-bottom: 1px solid #333;
padding-bottom: 40px;
}

footer.footer .newsletter {
max-width: 418px;
}

footer.footer .newsletter h3 {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}

footer.footer .newsletter p {
font-size: 14px;
margin-bottom: 20px;
}


footer.footer .newsletter-form {
margin-bottom: 20px;
}

footer.footer .newsletter-form .newsletter-inner{
display: flex;
display: -ms-flexbox;
/* IE 10 */
display: -webkit-flex;
/* Safari 6.1+ */
gap: 10px;
}

footer.footer .newsletter-form input {
padding: 16px 10px;
border-radius: 8px;
border: none;
width: 341px;
color: black;
font-size: 14px;
}



footer.footer .newsletter-form button {
padding: 16px 10px;
border-radius: 8px;
background-color: #fff;
color: #000;
font-weight: normal;
border: none;
cursor: pointer;
margin-top: 0;
width: 80px;
}

footer.footer .gap-social-location{
gap:20px;
max-height: 50px;
}

footer.footer .social-icons{
display: none;
}

footer.footer .gap-social-location .social-icons{
display: block;
}

/*footer.footer .social-icons a {
display: inline-block;
margin-right: 10px;
font-size: 18px;
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
width: 34px;
height: 34px;
text-align: center;
}*/

footer.footer .social-icons a {
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 10px;
font-size: 18px;
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
width: 34px;
height: 34px;
text-align: center;
}

footer.footer .social-icons img {
width: 16px;
height: 16px;
}

footer.footer .location {
/* margin-top: 20px; */
font-size: 14px;
}

footer.footer .footer-columns {
flex-wrap: wrap;
gap: 40px;
margin-top: 30px;
}

footer.footer .footer-columns div {
min-width: 200px;
flex: 1;
}

footer.footer .footer-columns h4 {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;

}

footer.footer .footer-columns ul {
list-style: none;
padding: 0;
margin: 0;
}

footer.footer .footer-columns li {
margin-bottom: 8px;
font-size: 14px;
}

footer.footer .footer-bottom {
text-align: center;
padding-top: 40px;
font-size: 12px;
color: #ccc;
gap: 24px;
flex-wrap: wrap;
}

footer.footer .footer-bottom a {
color: white;
text-decoration: none;
}

footer.footer .footer-bottom a:hover {
text-decoration: underline;
}

/* language selector */
.language-selector {
position: relative;
display: inline-block;
color: black;
}

.selector-button {
background-color: white;
padding: 12px 16px;
border-radius: 10px;
border: none;
min-width: 260px;
font-size: 16px;
text-align: left;
cursor: pointer;
display: flex;
display: -ms-flexbox;
/* IE 10 */
display: -webkit-flex;
/* Safari 6.1+ */
align-items: center;
justify-content: space-between;
}



.selector-button .checkmark {
color: #2ecc71;
margin-left: auto;
margin-right: 8px;
}

.selector-button .arrow {
font-size: 12px;
color: #333;
transition: 0.6s;
}

.selector-button:hover .arrow {
transform:rotate(180deg);
}

.language-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
background: white;
border-radius: 10px;
margin: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
list-style: none;
padding: 10px 0;
width: 100%;
z-index: 1000;
}


html body .language-dropdown li a:link,
html body .language-dropdown li a:visited{
color: black;
text-decoration: none;
padding: 10px 16px;
font-size: 16px;
cursor: pointer;
display: block;
}

.language-dropdown li:hover {
background-color: var(--color-gray-light);
color: black;
text-decoration: none;
}

.language-dropdown .selected {
font-weight: 600;
}

.language-selector:hover .language-dropdown {
display: block;
}

/* language selector */
.language-selector {
appearance: none;
position: relative;
display: inline-block;
color: black;
}

/* Wrapper around select + arrow */
.select-wrapper {
position: relative;
display: inline-block;
width: 100%;
}

/* Style the select itself */
/*.selector-button {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: white;
padding: 12px 40px 12px 16px; 
border-radius: 10px;
border: none;
min-width: 350px;
font-size: 16px;
text-align: left;
cursor: pointer;
width: 100%;
box-sizing: border-box;
}*/

/* Position arrow inside the select wrapper */
.select-wrapper .arrow {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
pointer-events: none; /* so clicks still go to select */
}


.banner.npb-inner-banner::before,
.banner.chp-inner-banner::before {
display: none;
}

.banner.hfg-support-banner {
background-image: url('../images/hfg_banner.webp');
}

.banner.npb-inner-banner {
background-image: url('../images/Inner_banner-npb.jpg');
background-position: 0 0;
}

.banner.chp-inner-banner {
background-image: url('../images/Inner_banner-chp.jpg');
background-position: 0 0;
}

.banner h1 {
color: #fff; 
}

.banner.chp-inner-banner h1,
.banner.npb-inner-banner h1 {
font-size: 32px;
}

.banner.chp-inner-banner p,
.banner.npb-inner-banner p {
font-size: 16px;
}

.disabled-link {
	pointer-events: none;
	color:#999 !important;
	cursor: default;
	text-decoration: none;
}
	
.Article-appliesto ul li.fa,
.Article-appliesto .hidden-article-list li {
  margin: 0 0 4px 0 !important;  
  line-height: 1.2 !important;
  padding: 0 !important;
  position: relative;
 
}

.Article-appliesto ul li::before {
    left: -20px;
    position: absolute;
    top: 0px;
}

.Article-appliesto ul li a,
.Article-appliesto ul li ul {
 font-family: "Outfit", sans-serif;
 font-size: 14px;
}

.article-box ul ul.hidden-article-list {
    padding: 15px 0 0;
}

.d-none {
display: none !important;
}


/*force page background to white */
/*html,
body,
.comm-template,
.comm-page,
.siteforceSldsOneColLayout,
.communityLayout,
.siteforceContentArea {
background: #fff !important;
}*/

/*force page background to white */
/*.comm-content,
.comm-layout-column,
.comm-layout-container {
background: #fff !important;
}*/


/* mobile responsive */

@media (max-width: 1233px) {

.banner h1 {
font-size: 5vw;
}

footer.footer .footer-top {
justify-content: center;
}

/* footer.footer .newsletter-form input {
width: 80%;
} */

footer.footer .footer-columns {
/* width: 60%; */
gap: 11px;
}


}

@media screen and (max-width: 768px) {
 .article-content iframe {
  max-width: 100vw !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
}

@media (max-width: 1045px) {
header.header .nav-left a {
font-size: 12px;
}

.banner {
padding-left: 20px;
padding-right: 20px;
}

.banner h1 {
font-size: 5vw;
line-height: normal;
text-align: center;
}

}


@media (max-width: 992px) {
.container {
width: 95%;
}

header.header .nav-right {
width: auto;
}

.d-desktop {
display: none;
}

.d-mobile {
display: flex;
display: -ms-flexbox;
/* IE 10 */
display: -webkit-flex;
/* Safari 6.1+ */
}

section.banner.flex-support>a {
text-align: center;
}

p {
font-size: 14px;
word-wrap: break-word;
word-break: break-word;
}

.security-advisior .pre-sales-left h5 {
font-size: 12px;
}

.security-advisior .pre-sales-left h2 {
font-size: 16px;
}

.security-advisior .flex-support.flex-row {
flex-direction: column;
}

.security-advisior:after {
display: none;
}


.security-advisior .container {
width: 100%;
padding: 0;
}

.security-advisior .pre-sales-left {
padding-left: 24px;
padding-right: 24px;
}

.security-advisior .pre-sales-right {
padding: 24px 20px;
justify-content: center;
}

.two-colom-box {
height: 351px;
}

.support-section {
width: 258px;
height: 144%;
}

.support-section-inner p {
font-size: 20px;
line-height: normal;
}

.left-position {
transform: rotate(-21deg) translate(-159px, 0px);
width: 566px;
}

footer.footer .gap-social-location{
flex-direction: column;
}

.social-icons {
justify-content: center;
}

.product-download>.flex-support {
flex-direction: column;
}

body.menu-active:before {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
content: "";
position: fixed;
z-index: 999;
display: block;
left: 0;
top: 0;
}

.article-box{
margin-bottom: 20px;
}

/* footer.footer .footer-columns div {
width: 45%;
}  */

}

@media (max-width: 767px) {

header.header { position: relative; }
header.header .user-link li.dropdown-relative{ position: static; }
  header.header .user-link li:hover.dropdown-relative > ul{ display: none; }
  header.header .user-link li.dropdown-relative > ul.show {
        display: block;
        width: 90%;
        min-width: auto;
        right: 50%;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
  }	

.content-wrap h1 {
font-size: 24px;
}

.banner {
background-image: url('../images/nfb_hero_banner_mobile.jpg');
}

.banner h1 {
font-size: 24px;
line-height: normal;
}

.banner.chp-inner-banner h1,
.banner.npb-inner-banner h1 {
font-size: 32px;
}

.banner.chp-inner-banner p,
.banner.npb-inner-banner p {
font-size: 16px;
}


/* .breadcrumb > div {
width: 1600px;
} */

.announcement-box{
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}

.announcement-box p{
font-size: 12px;
font-weight: 400;
}

.help-title,
.card-enterprise-support .card h3 {
font-size: 20px;
}

.pre-sales-right p {
font-size: 16px;
}

section.banner.flex-support>a {
text-align: center;
font-size: 14px;
}

.banner .search-box input {
padding: 19px 20px;
font-size: 15px;
}

.slds-grid>.slds-col,
.slds-grid>.slds-col.slds-m-bottom_large:nth-last-child(-n + 3) {
margin-bottom: 16px;
}



.security-advisior .pre-sales-right {
flex-direction: column;

}

.security-advisior .pre-sales-right .card {
width: 100%;
}

.custom-overlay,
.custom-triangle {
display: none;
}

.custom-support-icons {
gap: 64px;
}

.two-colom-box {
flex-direction: column;
height: auto;
}

.support-section {
width: 93%;
height: auto;
transform: rotate(0);
margin-bottom: 10px;
}

.left-position {
transform: rotate(0) translate(0, 0px);
-webkit-transform: rotate(0) translate(0, 0px);
width: 100%;
}

.help-card{
min-height: 0;
}

.two-colom-box:before {
display: none;
}

.support-section img {
height: auto;
}

.support-section-inner p {
font-size: 26px;
}

footer.footer .footer-top {
flex-direction: column;
}

footer.footer .newsletter,
footer.footer .footer-columns {
width: 100%;
justify-content: flex-start;
}

.troubleshooting .slds-col:nth-child(2) {
  margin-bottom: 0;
}

.troubleshooting .doc-box {
margin-bottom: 0;
}

.article-box:last-child{
margin-top: 8px;
}

.product-download .flex-support .right-column {
order: 1;
}

.product-download .flex-support .left-column{
order: 2;
}

.flex-support.cover-social-location.flex-row{
flex-direction: column;
}
footer.footer .gap-social-location{
max-height: fit-content;
align-items: start;
}
}

@media (max-width: 576px) {

.feedback-box {
flex-direction: column;
align-items:start;
}

.feedback-box  .feedback-box { flex-direction: row; }

footer.footer {
margin-top: -24px;
}

footer.footer .footer-columns {
gap: 0;
flex-direction: column;
}

footer.footer .footer-columns h4 {
margin-bottom: 16px;
border-top: 1px solid #333;
padding-top: 16px;
display: flex;
display: -ms-flexbox;
/* IE 10 */
display: -webkit-flex;
/* Safari 6.1+ */
justify-content: space-between;
}

.toggle-icon {
display: inline-block;
font-size: 25px;
font-weight: 400;
line-height: 20px;
cursor: pointer;
visibility: visible;
opacity: 1;
}

.modal-content {
width: 90%;
}

.overlay-main-content {
padding-right: 10px;
}

.form-grid {
grid-template-columns: repeat(auto-fit, minmax(280px * 2, 1fr));
}

/* footer.footer .footer-columns div {
flex: 1;
min-width: 225px;
} */

footer.footer .gap-social-location .social-icons{
display: none;
}

footer.footer .footer-bottom{
display: none;
}

footer.footer .newsletter-form input{
width: 81%;
}

footer.footer .newsletter{
   max-width: none;
}

.selector-button, .language-selector, .location{
width: 100%;
}

footer.footer .social-icons{
display: flex;
margin-top: 30px;
}

footer.footer .footer-top {
padding-bottom: 0;
}

footer.footer .footer-columns ul {
transition: 1s;
display: none;
}

footer.footer .footer-columns>.open>ul {

display: block;
}

.doc-box .doc-item,
.app-info,
.app-buttons {
flex-direction: column;
text-align: center;
text-align: left;
}

.firmware-latest {
padding: 10px;
}

.left-column h3,
.left-column h2,
.alert {
text-align: center;
}

.firmware-latest .btn {
padding: 10px;
flex: 2;
}
.firmware-actions{
gap: 11px;
}

html body a:link.btn, html body a:visited.btn, 
html body button.btn{
padding: 12px 17px;
font-size: 13px;
}


.checkbox-label input[type="checkbox"] {
width: 48px;
}

.troubleshoot-listing .icon-box {
display: none;
}

.troubleshoot-listing .text-box {
text-align: center;
}

.pagination.container {
padding: 10px 0;
}
}