/*body{margin:0}*/
/*body{font-family:arial,sans-serif;font-size:16px;line-height:19px}*/
.breadcrumbs, .content, .site-selector {
	margin: 0 auto;
	padding-left: 1em;
	padding-right: 1em;
}

body {
	margin: 0;
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: normal !important;
	line-height: 25px !important;
	color: #434343 !important;
	background-color: #f8f9fa; /* Light grey fallback */
	display: flex;
    flex-direction: column;
    min-height: 100vh;

    background-image: url('/static/media/images/Broadcom_Brand_concentric_circles_1.svg');
    background-repeat: no-repeat;
	/* background-position: 128% center;
    background-attachment: fixed;
    background-size: 34%; */

	    background-position: 150% top;
    background-attachment: fixed;
    background-size: 50%;
} 
 
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

svg-inline--fa {
	display: inline-block;
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -.125em;
}


/* Responsive background for smaller screens */
@media (max-width: 992px) {
    body {
		/* On tablets, make the image smaller and push it further into the corner */
        background-size: 22%;
        background-position: 115% 115%;
    }
}

@media (max-width: 768px) {
    body {
        /* On smaller screens, hide the background image to improve readability */
        background-image: none;
    }
}
 

/*
@media screen and (min-width: 768px) {
body {
font-size: 16px;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
}
*/
@media screen and (min-width: 1024px) {
	header {
		padding-top: 0;
		padding-bottom: 0;
	}
}

header {
	border-bottom: 1px solid #fff;
}

@media screen and (min-width: 1024px) {
	header .content {
		position: relative;
		max-width: 1376px;
		margin: 0 auto;
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media screen and (min-width: 1024px) {
	.breadcrumbs, .content, .site-selector {
		max-width: 1376px;
	}
}

.site-selector {
	font-size: 14px;
	line-height: 2;
	position: relative;
	padding: 0;
}

@media screen and (min-width: 1024px) {
	.site-selector {
		font-size: 16px;
	}
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
	display: block;
}

.supplemental ul, .additional ul, .main-nav, .main-nav .sub-section ul,
	.main-nav .sub-section li, .site-selector .drop-trigger+ul,
	.drop-trigger+ul, .pagination ul, .section-filters ul, .card-group,
	.display-style-toggle ul, .share-this ul, .training-country .country-data ul,
	.footer-notes ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/*
.main-nav {
width: 300px;
border-bottom: 1px solid #e7e7e7;
margin-top: 50px;
}
@media screen and (min-width: 1024px) { 
.main-nav {
width: 500%;
max-width: auto;
clear: both;
position: static;
margin-left: -5%;
float: left;
background-color: #f4f4f4;
border: 1px solid #f4f4f4;
padding-left: 4em;
line-height: 22px;
}
}
*/
@media screen and (min-width: 768px) {
	li {
		font-size: 1em;
	}
}

.breadcrumbs, .content, .site-selector {
	margin: 0 auto;
	padding-left: 1em;
	padding-right: 1em;
}

@media screen and (min-width: 1024px) {
	.breadcrumbs, .content, .site-selector {
		max-width: 1376px;
	}
}

.site-selector {
	font-size: 14px;
	line-height: 2;
	position: relative;
	padding: 0;
}

@media screen and (min-width: 1024px) {
	.site-selector {
		font-size: 16px;
	}
}

.main-nav li {
	padding: 0;
}

.main-nav li.nav-item.site-selector {
	background: #fdbb30;
	border-top: 1px solid #e7e7e7;
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item.site-selector {
		position: absolute;
		top: -32px;
		left: 0;
		background: 0;
		border: 0;
		font-weight: normal;
	}
}

.main-nav>li.nav-item.site-selector {
	background-color: #213c60;
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item.site-selector {
		left: 190px;
		top: 0;
		min-width: 218px;
		padding-left: 0;
		background-color: #fff;
	}
}

.main-nav li a {
	display: block;
	padding: 14px 15px;
	color: #000;
	position: relative;
	border-top: 1px solid #e7e7e7;
	font-size: 16px;
}

.main-nav li.nav-item>a {
	font-weight: bold;
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item>a {
		font-size: 1em;
		color: #2a2c2b;
		font-weight: normal;
		padding: 12px 0 10px 0;
		margin-bottom: -4px;
	}
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item a {
		display: inline-block;
		border: 0;
	}
}

.main-nav li.nav-item.site-selector a {
	padding: 10px 15px 8px;
	border-top: 2px solid #717070;
}

.main-nav li.nav-item.site-selector a, .main-nav li.nav-item.auth-selector-new a
	{
	color: #fff;
	font-weight: normal;
	border-top: 0;
}

@media screen and (min-width: 1024px) {
	.main-nav li.nav-item.site-selector a {
		border-top: 0;
		padding: 10px 18px 8px;
		color: #2a2c2b;
		width: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item.site-selector a:before {
		content: "";
		display: inline-block;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		height: 2.25em;
		border-left: 1px solid #a4a4a4;
		position: absolute;
		top: 5px;
		left: -3px;
		color: #a4a4a4;
	}
}
/*
.main-navigation {
width: 0;
position: absolute;
right: 0;
top: 48px;
height: auto;
transition: .3s linear;
z-index: 9000;
background: #fff;
}
.main-navigation {
position: static;
width: auto;
min-height: 0;
}
*/
.site-search {
	border-top: 1px solid #e7e7e7;
	width: 320px;
	padding: 5px 25px 5px 15px;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width: 1024px) {
	.site-search {
		border-top: 0;
		clear: both;
		margin: 0 -9999rem;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		padding: 0 9999rem;
		position: relative;
		top: 0;
		width: auto;
		left: 25%;
		transition: max-height 1s ease-out .1s, opacity 1s linear .5s, top .1s
			ease-out 2s;
	}
}

.charcoal {
	background-color: #414141;
}
/****/
@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item.site-selector {
		position: absolute;
		top: -32px;
		left: 0;
		background: 0;
		border: 0;
		font-weight: normal;
	}
}

@media screen and (min-width: 1024px) {
	.main-nav>li.nav-item.site-selector {
		left: 190px;
		top: 0;
		min-width: 218px;
		padding-left: 0;
		background-color: #fff;
	}
}

header .logo {
	/*position: absolute;
z-index: 999;*/
}
header .logo img {
	margin-right: 15px;
	margin-left: 0;
	height: 80px;
    width: auto;
}

.cb_logo img {
	height: 53px;
	width: auto;
	margin-top: 15px;
}

  
.site-title {
	display: inline-block;
	font-weight: normal;
}

.site-title {
	display: inline-block;
	/* font-weight: normal; */
	border-left: 1px solid #a4a4a4;
	margin-left: 20px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	/*line-height: 2;*/
	float: left;
	margin: 7px 0 2px 10px;
	/*margin-left: 20px;*/
	/* margin-top: 6px; */
}

.site-title a {
	font-size: 1em;
	color: #2a2c2b;
	/* margin-left: 35px; */
	/* margin-top: 25px; */
	/* padding-top: 23px; */
	/* line-height: 32px; */
	/* margin-top: 24px; */
}

/* General link styling for better contrast */
a {
	color: #0056b3; /* Darker blue for better contrast (5.3:1 on #fff) */
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #003d80; /* Even darker blue on hover */
	text-decoration: underline;
}
a {
	text-decoration: none;
	color: #0084ad;
	font-weight: normal;
	background-color: transparent;
}

/*
.menu-link {
position: absolute;
top: 13px;
right: 10px;
display: inline-block;
text-align: right;
width: auto;
text-decoration: none;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
color: #000;
}

.menu-link .menu-icon {
height: 20px;
width: 25px;
position: relative;
margin: 0 auto 3px 8px;
float: right;
}
@media screen and (min-width: 1024px){
.menu-link {
display: none;
}
}
.main-navigation {
width: 0;
position: absolute;
right: 0;
top: 48px;
height: auto;
transition: .3s linear;
z-index: 9000;
background: #fff;
}
@media screen and (min-width: 1024px) {
.main-navigation {
position: static;
width: auto;
min-height: 0;
}
}
.main-nav {
width: 300px;
border-bottom: 1px solid #e7e7e7;
margin-top: 50px;
list-style: none;
}
@media screen and (min-width: 1024px) {
.main-nav {
width: 500%;
max-width: auto;
clear: both;
position: static;
margin-left: -5%;
float: left;
background-color: #f4f4f4;
border: 1px solid #f4f4f4;
padding-left: 4em;
line-height: 22px;
}
}
.main-nav li a {
display: block;
padding: 14px 15px;
color: #000;
position: relative;
border-top: 1px solid #e7e7e7;
font-size: 16px;
}
@media screen and (min-width: 1024px) {
.main-nav>li.nav-item>a {
font-size: 1em;
color: #2a2c2b;
font-weight: normal;
padding: 12px 0 10px 0;
margin-bottom: -4px;
}
}
.main-nav li.nav-item.site-selector a, .main-nav li.nav-item.auth-selector-new a {
color: #fff;
font-weight: normal;
border-top: 0;
}

@media screen and (min-width: 1024px) {
.main-nav>li.nav-item a {
display: inline-block;
border: 0;
}
}
.main-nav li a {
display: block;
padding: 14px 15px;
color: #000;
position: relative;
border-top: 1px solid #e7e7e7;
font-size: 16px;
}
.main-nav li.nav-item.site-selector a {
padding: 10px 15px 8px;
border-top: 2px solid #717070;
}
@media screen and (min-width: 1024px) {
.main-nav li.nav-item.site-selector a {
border-top: 0;
padding: 10px 18px 8px;
color: #2a2c2b;
width: 100%;
}
}

@media screen and (min-width: 1024px){
.main-nav>li.nav-item>a {
font-size: 1em;
color: #2a2c2b;
font-weight: normal;
padding: 12px 0 10px 0;
margin-bottom: -4px;
}
}
@media screen and (min-width: 1024px) {
.main-nav>li.nav-item a {
display: inline-block;
border: 0;
}
}


*/
#quick-search, #submission {	
	width: 100%;
	max-width: 1440px;
	background-color: white;
}

#qs-scan-sample {
	background-color: #fdbb30;
	color: #000;
	font-weight: bold;
	border: 0;
	display: inline-block;
	vertical-align: initial;
	border-radius: 1px;
}

.div-qs-head {
	font-size: 24px;
	margin: 15px auto;
}

.qs-sample-input-text {
	width: 600px;
	height: 30px !important;
	border: 0;
	padding: 5px;
	font-size: 14px;
}

#qs-file-upload-btn img {
	vertical-align: middle;
	width: 20px;
	border: 0;
	margin: 5px;
}

#qs-input-box {
	/*box-sizing: border-box;
border-width: 2px;
border-style: inset;*/
	display: inline-block;
	padding: 4px 10px;
	width: auto;
}

.qs-privacy {
	display: block;
	/*font-style: italic;*/
	font-size: 13px;
	margin: 15px auto;
}

.qs-privacy span {
	/*display: block;*/
	
}

.spinner {
	margin: 50px auto;
	width: 120px;
	text-align: center;
}

.spinner>div {
	width: 24px;
	height: 24px;
	background-color: #fdbb30;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 2.0s infinite ease-in-out both;
	animation: bouncedelay 2.0s infinite ease-in-out both;
}

.div-line-1px {
	height: 1px;
	background-color: #e2e2e2;
	margin: 30px 5%;
}

.spinner .bounce1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.spinner .bounce3 {
	-webkit-animation-delay: -0.15s;
	animation-delay: -0.15s;
}

@
-webkit-keyframes bouncedelay { 0%, 80%, 100% {
	-webkit-transform: scale(0);
}

40%
{
-webkit-transform


:

 

scale


(1
.0


);
}
}
@
keyframes bouncedelay { 0%, 80%, 100% {
	-webkit-transform: scale(0);
	transform: scale(0);
}

40%
{
-webkit-transform


:

 

scale


(1
.0


);
transform


:

 

scale


(1
.0


);
}
}
.p-note {
	font-size: 12px;
}

.div-result {
	margin: 10px auto;
	font-size: 16px;
}

.result-safe {
	color: #0b9c3e;
}

.result-unsafe {
	color: #d52b1e;
}

.div-result-details {
	margin: 5px !important;
}
/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}*/
/*@media (min-width:768px){
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
}
*/
/*.row:after,.row:before{display:table;content:" "}*/
/*.row:after{clear:both}*/
/*.top-bar {
height: 10px;
background-color: #fff;
}
*/
#div-disagree-type {
	margin: 10px auto;
}

#div-disagree-type input {
	margin-right: 10px;
}

#div-disagree-type span {
	margin-right: 25px;
}

.page-content {
	/*background-color: #e7e7e7;*/
	min-height: calc(90vh - 25px);;
}
/*
.div-submission-details {
margin: 0 auto;
width: 80%;
}
*/
.in-text-sub {
	width: 95%;
	/*min-width: 500px;*/
	height: 30px !important;
	margin: 2px !important;
	padding: 2px 5px 3px 5px !important;
	font-size: 13px !important;
	display: inline-block;
}

textarea.in-text-sub {
	border-color: #dfdfdf;
	height: 100px !important;
	width: 87%;
}

select.in-text-sub {
	margin: 2px 0;
}

.btn-submission {
	margin-top: 20px;
	margin-bottom: 10px;
}

.quick-search-result-wrapper {
	position: relative;
}

.ajax-loader {
	display: none;
	background-color: rgba(255, 255, 255, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99 !important;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.ajax-loader img {
	position: absolute;
	z-index: 100 !important;
	top: 40%;
	left: 45%;
}

.error_msg {
	text-align: center;
	color: #ff0000;
}

.error_msg i {
	margin: 5px 10px;
}

.div-result i.fas {
	font-size: 28px;
	margin-right: 6px;
	vertical-align: middle;
}

#div_sample_analysis {
	width: 70%;
	margin: auto;
	padding: 10px;
	border: 1px solid #e2e2e2;
}

.tab-pane.show {
	display: none !important;
}

.tab-pane.active {
	display: block !important;
}

.bottom-border {
	border-bottom: 1px solid #dee2e6;
}

#sample_analysis .div-result-details, #sample_details .div-result-details
	{
	padding: 5px 0px;
	font-size: 14px;
}

.inner-col-sm {
	padding: 5px 15px;
	word-break: break-all;
	overflow: hidden
}

.required:before {
	content: "*";
	color: red;
	margin: 5px;
	vertical-align: middle;
}

.submission-header {
	margin: 10px auto 25px;
	width: 80%;
}

.submission-header p {
	font-size: 17px;
	font-weight: bold;
	margin: 5px 0px;
}

.submission-header span {
	font-size: 15px;
	display: inline-block;
	margin: 2px;
}

#submission-title, .submission-category, #submit_fn_submission {
	margin: 5px auto;
	width: 90%;
}

.div_submit_details {
	margin: 0 auto;
	width: 100%;
}

.div_submission_row {
	width: 90%;
	margin: 5px auto;
}

.submit_header {
	width: 100%;
	margin: 10px auto 25px;
}

.submit_header span {
	margin-bottom: 5px;
	/*display: inline-block;*/
}

.submit_header span:nth-last-child(1) {
	margin-bottom: 5px;
}

.submit_details {
	
}

.help-block.with-errors {
	color: #ff5050;
	/*margin-top: -14px;
	margin-bottom: 10px;*/
	font-size: 12px;
	min-height: 15px;
}

.has-error .form-control, .has-error .in-text-sub, .has-error .custom-file-label {
	border-color: #dc3545; /* Bootstrap's standard danger color */
}
.has-error .form-control:focus, .has-error .in-text-sub:focus, .has-error .custom-file-label:focus {
	border-color: #dc3545 !important;
    /* A matching red shadow for focus on error fields */
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075), 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
input[type="file"] {
	border: 0px;
	border-radius: 0px;
}

#submission {
	position: relative;
}

.g-recaptcha div {
	/*margin: 0 auto;*/
	/*margin-left: 2px;*/
	
}

.qs_submission_details {
	width: 80%;
	margin: 0 auto;
}

.fieldset-legend {
	width: 95%;
	/*margin: 5px auto 15px;
    padding-left: 25px;
    border-bottom: 1px solid #e2e2e2;*/
    padding-bottom: 2px;	
	padding-left: 10px;
	padding-top: 2px;
	font-size: 16px;
	color: #a6192e;
	font-weight:600;
	background-color: #E2E3E4;
	border:0px solid;
	border-radius:4px;
	text-shadow: 0 1px 1px #ffffff;
}

.tip {
	
}

.tip span {
	display: inline-block;
}

.left-label {
	margin: 5px 5px 0px 5px;
	font-size: 14px
}

.in-text-warpper {
	width: 100%;
	display: inline-block;
	margin: 0px 0 0 3px !important;
}

.tooltip-inner {
	max-width: 600px;
	min-width: 200px;
	/* If max-width does not work, try using width instead */
	/*width: 350px;*/
	text-align: left;
}

.tooltip-inner p {
	margin: 1px;
}

.footercontainer {
	clear: both;
	background-color: #E2E3E4;
	color: #53565a;
	/*border-top: 0.5em solid #cc0d2f;*/
}

footer .content {
	padding: 3px 10px 0 10px !important;
	max-width: 1376px;
	margin: 0 auto;
	font-size: 12px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.footercontainer p {
	color: #000;
	/*font-size: 16px;*/
	margin: 0 0 10px;
}

.footercontainer .foot-top-bar {
	height: 10px;
	background-color: #ffc200;
}

.navigation-search-row {
	clear: both;
	*zoom: 1;
}

.main-navigation {
	
}

.main-nav {
	/*background-color: #f4f4f4;
border: 1px solid #f4f4f4;
line-height: 22px;*/
	/*padding: 10px;*/
	/*padding-left: 3em;
margin: 5px auto;*/
	
}

div.clear {
	clear: both;
}

.headercontainer a:hover {
	text-decoration: none;
}

@media screen and (min-width: 768px) {
	h3 {
		font-size: 1.5em;
	}
}

@media ( min-width : 1400px) {
	.container {
		max-width: 1360px;
	}
}

.dotted-line {
	margin: 5px auto;
	border-bottom: 1px dotted #999;
	width: 100%;
}

.ui-widget {
	font-size: 14px;
}

ul.list-unstyled {
	margin-bottom: 0px;
}

.form-group {
	margin-bottom: 0.5rem;
}

.tooltip-inner ul {
	padding-left: 20px;
}

#tab-language {
	float: right;
}

#language_select {
	background-color: transparent;
	border: none;
	font-weight: 700;
	font-size: .75em;
	box-shadow: none;
	color: #666;
	margin-bottom: 2px;
}

#tab-language label {
	display: inline-block;
	max-width: 100%;
	font-weight: 700;
}

.div-header {
	min-height: 50px;
	border-bottom: 0.5em solid #cc0d2f;
	/* background-color: #f0f0f0;  
	background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url('/static/media/images/Broadcom_Brand_Halftone_single_ee3.png');
    background-repeat: repeat-x;
    background-size: auto 350px;
    background-position: top left; */
		background-image: url('/static/media/images/Broadcom_Brand_Halftone_single_ee3.png');
    background-repeat: repeat-x;
    background-size: auto 100px;
    background-position: top left;
}

.div-header .container {
    display: flex;
    align-items: center;
}

.div-header .head-sub {
	font-size: 1.8rem;
	font-weight: 400;
	margin-left: 14px;
	color: #a6192e;
}
		
.main-navigation {
	color: #f1f1f1;
	background-color: #ffc200;
	margin: 0;
	padding-bottom: 7px;
}

.main-nav {
	display: block;
	padding-bottom: .3em;
	font-size: 1.2em;
}

.form-control {
	border-radius: 8px !important; /* Slightly more rounded corners */
	border: 1px solid #ced4da; /* Standard light grey border */
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075); /* Subtle inner shadow */
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

 /**  Modal  **/
.modal {
	display: none;
	position: fixed;
 	z-index: 9999; /* Ensure it's on top */
	padding-top: 60px; /* More space from top */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
		background-color: rgba(0, 0, 0, 0.85); /* Darker, more modern overlay */
    -webkit-animation-name: fadeIn; /* Fade in animation */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

#images_slider_fp_products .modal-content {
	position: relative;
	background-color: transparent;
	margin: auto;
	padding: 0;
 	width: 90%; /* Responsive width */
	max-width: 960px; /* Max width for large screens */
	display: block;
    border-radius: 8px; /* Rounded corners */ 
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {top: -300px; opacity: 0} 
    to {top: 0; opacity: 1}
}

@keyframes slideIn {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

#images_slider_fp_products .close {
	color: #fff; /* White close icon */
	position: absolute;
	top: 20px;
	right: 35px;
	font-size: 40px;
	font-weight: bold;
    opacity: 0.8;
    transition: opacity 0.3s ease;
    z-index: 1; /* Ensure it's on top of other modal content */
}

#images_slider_fp_products .close:hover, #images_slider_fp_products .close:focus {
	color: #eee;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;

}

.cursor {
	cursor: pointer;
}

#images_slider_fp_products .prev, #images_slider_fp_products .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
 
	font-size: 24px;
	transition: 0.4s ease;
	border-radius: 50%; /* Circular shape */
	user-select: none;
	-webkit-user-select: none;
    background-color: rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
    line-height: 18px; /* Vertically center the arrow */
    text-align: center;
}

#images_slider_fp_products .prev {
    left: -60px;
}

#images_slider_fp_products .next {
	right: -60px;

}

#images_slider_fp_products .prev:hover, #images_slider_fp_products .next:hover {
	background-color: rgba(0, 0, 0, 0.7);
}

#images_slider_fp_products .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;

	position: absolute;
	top: 0;
}

 
#images_slider_fp_products .caption-container {
	text-align: center;
	background-color: #222; /* Darker caption background */
	color: white;
	padding: 10px 16px; /* More padding */
	font-size: 16px;
    border-bottom-left-radius: 8px; /* Match modal content corners */
    border-bottom-right-radius: 8px;
}

#images_slider_fp_products .caption-container #caption {
	margin: 5px;
	    font-weight: 600;

}

.caption-container .zoom-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 20px;
    opacity: 0.7;
    transition: opacity 0.2s ease-in-out;
}
.caption-container .zoom-icon:hover {
    opacity: 1;
}

#images_slider_fp_products .demo {
	opacity: 0.6;
}

#images_slider_fp_products .active, #images_slider_fp_products .demo:hover {
	opacity: 1;
	    border-color: #fdbb30 !important; /* Highlight color */

}

#images_slider_fp_products img.hover-shadow {
	transition: 0.3s;
}

 
.mySlides {
	width: 100%;
	height: auto; /* Auto height */
    min-height: 300px; /* Minimum height */
    display: none; /* Hide by default */
    background-color: transparent;
    text-align: center;
    border-top-left-radius: 8px; /* Match modal content corners */
    border-top-right-radius: 8px;
}

/* Add a pseudo-element to center the image vertically */
.mySlides:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    min-height: 300px; 
}

.column {
	float: left;
	width: 25%;
	padding: 5px; /* Add padding around thumbnails */
	background-color: #222; /* Match caption background */
}

.mySlides img {
	max-width: 100%;
	max-height: 450px;
	margin: 0;
	display: inline-block; /* Center image */
    vertical-align: middle;
    transition: transform 0.3s ease-in-out, cursor 0.3s ease-in-out;
    cursor: zoom-in;
}

.mySlides img.zoomed {
    transform: scale(1.5);
    cursor: zoom-out;
}

.column img {
	width: 100%;
	max-height: 80px; /* Taller thumbnails */
    object-fit: cover; /* Ensure thumbnails are not distorted */
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
}

.submit_btn:hover, .submit_btn:focus, .submit_btn.focus {
    background-color: #a6192e !important;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.submit_btn {
    background-color: #cc0d2f !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    transition: all 0.2s ease-in-out;
}

.custom-file-label::after {
	border-radius: 0 5px 5px 0 !important;
	padding: 0.2rem .9rem !important;
	height: 2.3rem !important;
}

.card {
    border-radius: 8px !important;
    border: 1px solid #e9ecef;
    background-color: #f8f9fa;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    margin-bottom: 1rem;
}

.card-header {
    font-size: 1rem;
    font-weight: 600;
    padding: .75rem 1.25rem !important;
    background-color: #e9ecef !important;
    color: #213c60 !important;
    border-bottom: 1px solid #dee2e6;
}

.card-body {
    font-size: 0.9rem;
    line-height: 1.6;
   /* padding: 1.25rem !important;*/
    color: #495057 !important;
}

.card-body ul{
    padding-left: 20px;
    margin-bottom: 1rem;
}

.card-body ul li {
    margin-bottom: 0.5rem;
}

.help-card {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: box-shadow 0.2s ease-in-out;
}

.help-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.help-card-header {
    font-size: 1.1rem;
    font-weight: 600;
    color: #213c60;
    margin-top: 0;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

.help-card-header i {
    margin-right: 8px;
    color: #a6192e;
}

.help-card-body ul {
    padding-left: 20px;
    margin-bottom: 0;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #213c60 !important;
	background-color: #ddd !important;
	border-left: 1px solid rgba(0, 0, 0, .125);
	border-right: 1px solid rgba(0, 0, 0, .125);
	border-top: 2px solid #213c60;
}

.nav-pills .nav-link {
	border-radius: 0px !important;
	color: #76808a !important;
}

@media screen and (max-height: 575px) {
	#rc-imageselect, .g-recaptcha {
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		font-size: 20px !important;
	}
}

.rc-anchor-checkbox-label {
	font-size: 20px !important;
}

/** For Showing feedback button */
#oo_tab {
display: block;
position: fixed;
background-color: #fff;
color: #000;
border: 1px solid #cccccc;
font-size: 17px;
font-family: Arial;
line-height: 17px;
opacity: 1;
z-index: 999995;
cursor: pointer;
text-decoration: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg) scale(1.02);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transition: all .5s ease;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
}
#oo_tab .screen_reader {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
#oo_tab.oo_tab_right {
right: -10px;
top: 33%;
padding: 7px 16px 16px 16px;
border-bottom: 0px;
color: #000;
border-radius: 9px 9px 0px 0px;
-moz-border-radius: 9px 9px 0px 0px;
-webkit-border-radius: 9px 9px 0px 0px;
transform-origin: 100% 100% 0;
-webkit-transform-origin: 100% 100% 0;
-ms-transform-origin: 100% 100% 0;
}
#oo_tab img {
width: 9px;
height: 9px;
margin-right: 7px;
margin-bottom: 1px;
color: transparent;
border: none;
}
#oo_tab.oo_tab_right:hover {
    background-color: #a6192e;
    color: #fff;
    border-color: #a6192e;
}
#language_select {
color:#FFF;
}
#language_select option {
background-color: #242e39;
}
.internal-error {
margin: 50px 100px;	
}
.internal-error h5 {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 20px;
}
.internal-error p {
margin: 0;
font-size: 1.0rem;
}
.alert-success {
border-radius: 0;
font-size: 16px;
color: #000 !important;
}
.success-msg {
margin: 50px 0;
}
.success-msg p {
margin: 5px;
}


.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
 max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}
#fn_submission_hash_value {
height: 104px !important;
}
.warning-notes {
color: #ff4500;
}
.warning-notes .warnings {
color: #ff4500;
font-style: italic;
}

.btn-sub-tab {
	height: 180px !important;
	width: 380px !important;
	color:#213c60 !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    transition: all 0.3s ease-in-out;
}
.btn-sub-tab:hover {
	color:white !important;
	transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.btn-sub-back{
	color: black !important;
}
.btn-sub-back:hover{
	color: rgb(38, 92, 165) !important;
}
.btn-sub-head{
	font-size: 20px;
	font-weight: 600;
}

.header-social-links {
    float: right;
    margin-top: 28px; /* Adjust to vertically align with site title */
}

footer .header-social-links {
    float: none;
    margin-top: 0;
}

.header-social-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-social-links ul li {
    display: inline-block;
    margin-left: 20px;
}

.header-social-links ul li a {
    color: #434343;
    font-size: 22px;
}
.header-social-links ul li a:hover {
    color: #007bff; /* Example hover color */
    text-decoration: none;
}
.drop-zone {
  min-height: 100px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  color: #7e8995;
  border: 2px dashed #007bff;
  border-radius: 5px;
  position: relative;
  background-color: #f8f9fa;
  width: 103%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
  transition: box-shadow 0.2s ease-in-out, border-style 0.2s ease-in-out;
}

.drop-zone.has-files {
  align-items: flex-start;
  padding: 15px;
  text-align: left;
}

.drop-zone.has-files .drop-zone__prompt {
    display: none;
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}

.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drop-zone-content {
  width: 100%;
  text-align: center;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

#attachment-file-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.file-info {
    display: flex;
    align-items: center;
    flex-shrink: 0; /* Prevent this container from shrinking */
}

.file-size {
    margin-right: 10px;
    color: #6c757d;
    font-size: 12px;
}

#attachment-file-list ul {
    list-style-type: none;
    padding: 0;
    margin-top: 10px;
}

#attachment-file-list li {
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 8px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}

#attachment-file-list li:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}

#attachment-file-list li > span {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 15px;
    color: #495057;
}

#attachment-file-list li > span .fa-file-alt {
    color: #007bff;
    font-size: 1.2em;
    margin-right: 10px;
}

.remove-file-btn {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    padding: 0;
    font-size: 1rem;
    opacity: 0.6;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.remove-file-btn:hover {
    opacity: 1;
    transform: scale(1.2);
}

.fp-additional-info-group {
    border: none;
    padding: 0;
    width: 100%;
}

.fp-additional-info-group legend {
    font-size: 1rem;
    font-weight: 600;
    color: #213c60;
    width: fit-content;
    margin-bottom: 1px;
    padding: 2px 10px;
    border-radius: 15px;
    background-color: #e9ecef;
    transition: background-color 0.2s ease, color 0.2s ease;
}

#additional-info-toggle {
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

#additional-info-toggle .toggle-icon {
    margin-right: 8px;
}

#additional-info-toggle:hover legend {
    background-color: #213c60;
    color: #ffffff;
}


.toggle-icon {
   /* float: right; /* Align to the right */
}

/* Add a background color to the input fields in the "Your Details" section */
/* Add a background color to the input fields in the "Product Details" and "Submission Details" sections */
#fp_contact_name,
#fp_email_address,
#fp_support_id,
#contact_name,
#email_address,
#support_id,
#fs_fp_product,
#fs_fp_usecase,
#fs_fp_detection,
#detection_name,
#fp_submission_type,
#lbl_fp_submission_file_value,
#fp_submission_hash_value,
#fp_submission_url_value,
#fp_submission_wss_url_value,
#fp_submission_pp_url_value,
#fp_submission_pp_url_username,
#fp_submission_pp_url_password,
#fp_ips_detection_type,
#fp_submission_ips_url_value,
#fp_submission_ips_sig_id_value,
#fp_submission_webpulse_url_value,
#fp_submission_atp_url_value,
#fp_submission_phish_url_value,
#fp_submission_si_url_value,
#fn_submission_type,
#lbl_fn_submission_file_value,
#fn_submission_file_archive_password,
#fn_submission_url_value,
#fn_submission_phishing_site_value,
#fn_submission_hash_value,
#additional_info,
#fp_additional_info,
#attachment-drop-zone,
#fs_chronic_fp,
#fp_business_impact {
    background-color: #ffffff; /* AliceBlue */
}

.form-control:focus {
    color: #495057;
    background-color: #fff; /* Keep background white on focus for a cleaner look */
    border-color: #80bdff; /* A pleasant blue for focus */
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075), 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* A softer, more modern box-shadow */
}

.details-section-box {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin: 20px auto;
    width: 100%;
    background-color: #f8f9fa;
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    transition: all 0.3s ease-in-out;}
	
.details-section-box:hover {
    transform: translateY(-3px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.drop-zone .sub-text {
    color: #595959; /* Darker grey for better contrast */
    font-size: 10px;
}

.fn-clear-form {
	
}
.clear-form-link {
    text-decoration: none !important;
    font-size: 0.9rem;
    color: #a6192e !important;
    transition: color 0.2s ease-in-out;
}

.clear-form-link:hover {
    color: #8c1425 !important; /* Darkened for contrast */
    text-decoration: underline !important;
}

.clear-form-link.text-muted {
    color: #595959 !important; /* Darker grey for better contrast (4.55:1) */
    cursor: not-allowed;
    text-decoration: none !important;
}
.clear-form-link.text-muted:hover {
    color: #595959 !important;
}

/* Feedback Page Styles */
.rating-group {
    display: flex;
    justify-content: center;
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: #fff;
    flex-wrap: wrap;
}

.rating-item {
    margin: 5px;
    text-align: center;
}

.rating-item input[type="radio"] {
    display: none;
}

.rating-item label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    transition: all 0.2s ease-in-out;
    font-weight: 600;
    color: #495057;
}

.rating-item label:hover {
    background-color: #e9ecef;
    transform: scale(1.1);
}

.rating-item input[type="radio"]:checked + label {
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Color coding for checked ratings */
.rating-item input[value="1"]:checked + label,
.rating-item input[value="2"]:checked + label,
.rating-item input[value="3"]:checked + label {
    background-color: #dc3545; /* Red */
    border-color: #dc3545;
}

.rating-item input[value="4"]:checked + label,
.rating-item input[value="5"]:checked + label,
.rating-item input[value="6"]:checked + label {
    background-color: #ffc107; /* Yellow */
    border-color: #ffc107;
    color: #212529;
}

.rating-item input[value="7"]:checked + label,
.rating-item input[value="8"]:checked + label {
    background-color: #20c997; /* Teal */
    border-color: #20c997;
}

.rating-item input[value="9"]:checked + label,
.rating-item input[value="10"]:checked + label {
    background-color: #28a745; /* Green */
    border-color: #28a745;
}

.rating-labels {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 0.9rem;
    color: #6c757d;
}

#btn_fn:hover {
	background-color: #ffcc00;
	color: #212529 !important;
}

@media screen and (max-width: 767px) {
    header .logo img {
        height: 50px;
    }

    .cb_logo img {
        height: 35px;
    }

    .div-header .head-sub {
        font-size: 1.5rem;
        line-height: 2.5rem;
        height: auto;
    }
}

#btn_fp:hover {
	background-color: #ffcc00;
	color: #212529 !important;
}

.view-examples-link {
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 8px;
    color: #0056b3 !important; /* Darker blue for contrast */
    text-decoration: none !important;
    vertical-align: middle;
    transition: all 0.2s ease-in-out;
    padding: 3px 8px;
    border-radius: 12px;
    border: 1px solid #dee2e6;
    background-color: #f8f9fa;
}
.view-examples-link:hover {
    color: #fff !important;
    background-color: #0056b3;
    border-color: #0056b3;
}
.view-examples-link .fa-eye, .view-examples-link .fa-question-circle {
    margin-right: 4px;
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}

.view-examples-link:hover .fa-eye, .view-examples-link:hover .fa-question-circle {
    transform: scale(1.2);
    color: inherit;
}

.alert-heading {
    font-size: 1.25rem; /* A bit larger than body text but not as large as a default h4 */
    font-weight: 600; /* Using semi-bold for a softer look than bold */
    color: inherit; /* Ensures it takes the color of the alert box (e.g., green for success, red for danger) */
}


.main-heading {
    font-size: 2.2rem;
    font-weight: 700;
    color: #213c60;
    margin-bottom: 20px;
}

.intro-text {
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.intro-text a {
    color: #a6192e;
    font-weight: 600;
    text-decoration: none;
}
.intro-text a:hover {
    color: #8c1425; /* Darkened for contrast */
    text-decoration: underline;
}

.highlight-section {
	border: 2px solid #007bff !important; /* A blue border to highlight */
	border-radius: .25rem;
	box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
	transition: all 0.3s ease-in-out;
}

/* Error Summary Box Styling */
.error-summary.alert-danger {
    color: #921628; /* Darker red for better contrast (5.05:1) */
    background-color: #fdf2f2; /* A very light, soft red */
    border: 1px solid #e5b3b8; /* A soft red border */
    border-left-width: 5px; /* Thicker left border for emphasis */
    border-left-color: #921628; /* Match new text color */
    border-radius: 8px; /* Rounded corners to match other elements */
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.error-summary .alert-heading {
    color: inherit; /* Inherit the red from the parent */
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 0;
}

.error-summary ul {
    margin-top: 0.75rem;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.error-summary ul li {
    margin-bottom: 0.25rem;
}

.error-summary ul li a {
    color: #921628; /* Match new text color */
    font-weight: 600;
    text-decoration: underline;
}

.error-summary ul li a:hover {
    color: #a6192e; /* Use original red for hover */
}

/* Accessibility: Styles for disabled states */
.btn:disabled,
button:disabled {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
    transform: none;
}

/* Specific styling for the "Clear Form" and "Clear All" link-style buttons when disabled */
.clear-form-link:disabled,
#clear-attachment-files-btn:disabled {
    color: #6c757d !important; /* Muted grey color */
    text-decoration: none !important;
    pointer-events: none; /* Redundant with disabled, but good for defense */
    opacity: 0.5;
}

.btn-sub-back:disabled {
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #6c757d !important;
    opacity: 0.65;
}

/* CBX promotion: success-page card */
.cbx-promo-cta { background: #ffb81c; color: #00264d !important; font-weight: 700; padding: 3px 12px; border-radius: 4px; text-decoration: none !important; }
.cbx-promo-cta:hover, .cbx-promo-cta:focus { background: #ffc94d; }
.cbx-promo-card { margin-top: 16px; padding: 16px 20px; border-radius: 8px; color: #fff; background: linear-gradient(90deg, #00264d 0%, #0072a3 100%); }
.cbx-promo-card-title { font-size: 18px; font-weight: 700; color: #ffb81c; }
.cbx-promo-card p { margin: 6px 0 12px; }

/* CBX promotion: banner on the index page, sits in the submission-button table so it matches the two boxes' width */
/* width:0 + min-width:100% keeps the image and text from widening the table beyond the two boxes */
.cbx-promo-banner { width: 0; min-width: 100%; margin: 200px 0 20px; }
.cbx-promo-banner img { display: block; width: 100%; height: auto; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
.cbx-promo-banner a:focus img { outline: 3px solid #ffb81c; }
.cbx-promo-banner-text { margin-top: 15px; }
.cbx-promo-banner-text .cbx-reg { font-size: 0.6em; line-height: 0; }
.cbx-promo-banner-link { margin-top: 15px; }
/* Same yellow button as in the CBX launch email */
.cbx-promo-banner-link a.cbx-trial-btn { display: inline-block; background-color: #f3ba16; color: #404040; font-size: 16px; font-weight: 700; padding: 10px 20px; border-radius: 5px; text-decoration: none; }
.cbx-promo-banner-link a.cbx-trial-btn:hover, .cbx-promo-banner-link a.cbx-trial-btn:focus { background-color: #e0a909; color: #404040; text-decoration: none; }