/* FONTS */

@font-face {
    font-family: Roboto;
    src: url('/Content/fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: Roboto;
    src: url('/Content/fonts/Roboto/Roboto-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: Raleway;
    src: url('/Content/fonts/Raleway/Raleway-VariableFont_wght.ttf') format("truetype-variations");
    font-weight: 100 900;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/Content/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format("truetype-variations");
}

@font-face {
    font-family: 'Open Sans';
    src: url('/Content/fonts/Open_Sans/static/OpenSans/OpenSans-SemiBold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/Content/fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format("truetype-variations");
    font-style: italic;
}

/* END FONTS */

/* VARIABLES */

:root {
    --default-font-stack: Roboto, Helvetica, Arial, sans-serif;
    --url-font-stack: 'Open Sans', Raleway, Roboto, Helvetica, Arial, sans-serif;
    --heading-font-stack: 'Open Sans', Raleway, Roboto, Helvetica, Arial, sans-serif;
    --content-max-width: 140rem;
    --bia-red: hsl(335, 100%, 26%);
    --bia-red-light: hsl(335, 100%, 50%);
    --bia-red-dark: hsl(335, 100%, 20%);
    --bia-blue: hsl(226, 64%, 25%);
    --bia-blue-dark: hsl(227, 64%, 15%);
    --bia-blue-verydark: hsl(225, 65%, 10%);
    --background-color: hsl(0, 0%, 97%);
    --text-color: #333;
    --url-color: hsl(226, 64%, 50%);
    --url-hover-color: #000000;
    --header-url-color: var(--bia-red);
    --header-url-hover-color: #000;
    --url-color-footer: #aaa;
    --url-hover-color-footer: #fff;
    --url-title-color: #333;
    --url-title-hover-color: var(--url-color);
    --rating-color-None: #ddd;
    --rating-color-Very-Low: hsl(140, 100%, 30%);
    --rating-color-Low: hsl(75, 100%, 40%);
    --rating-color-Medium: hsl(55, 91%, 52%);
    --rating-color-Medium-High: hsl(40, 85%, 50%);
    --rating-color-High: hsl(25, 80%, 50%);
    --rating-color-Very-High: hsl(355, 80%, 50%);
    --rating-color-start-Very-Low: hsl(140, 100%, 35%);
    --rating-color-end-Very-Low: hsla(140, 100%, 15%, 0.7);
    --rating-color-start-Low: hsl(75, 100%, 45%);
    --rating-color-end-Low: hsla(75, 100%, 30%, 0.7);
    --rating-color-start-Medium: hsl(55, 91%, 51%);
    --rating-color-end-Medium: hsla(55, 91%, 45%, 0.7);
    --rating-color-start-Medium-High: hsl(40, 100%, 50%);
    --rating-color-end-Medium-High: hsla(40, 80%, 40%, 0.7);
    --rating-color-start-High: hsl(25, 100%, 55%);
    --rating-color-end-High: hsla(25, 80%, 35%, 0.7);
    --rating-color-start-Very-High: hsl(355, 60%, 55%);
    --rating-color-end-Very-High: hsla(355, 59%, 30%, 0.7);
    --rating-color-border-None: #ccc;
    --rating-color-border-Very-Low: hsla(120, 100%, 30%, 0.8);
    --rating-color-border-Low: hsla(75, 100%, 50%, 0.8);
    --rating-color-border-Medium: hsla(49, 100%, 59%, 0.8);
    --rating-color-border-Medium-High: hsla(40, 100%, 47%, 0.8);
    --rating-color-border-High: hsla(26, 100%, 47%, 0.8);
    --rating-color-border-Very-High: hsla(349, 85%, 43%, 0.8);
    --rating-None-gradient: #ddd;
    --rating-Very-Low-gradient: linear-gradient(to right, hsl(120, 100%, 30%) 0%, var(--rating-color-Very-Low) 50%, hsl(120, 100%, 30%) 100%) !important;
    --rating-Low-gradient: linear-gradient(to right, hsl(75, 100%, 50%) 0%, var(--rating-color-Low) 50%, hsl(75, 100%, 50%) 100%) !important;
    --rating-Medium-gradient: linear-gradient(to right, hsl(49, 100%, 59%) 0%, var(--rating-color-Medium) 50%, hsl(49, 100%, 59%) 100%) !important;
    --rating-Medium-High-gradient: linear-gradient(to right, hsl(40, 100%, 47%) 0%, var(--rating-color-Medium-High) 50%, hsl(40, 100%, 47%) 100%) !important;
    --rating-High-gradient: linear-gradient(to right, hsl(26, 100%, 47%) 0%, var(--rating-color-High) 50%, hsl(26, 100%, 47%) 100%) !important;
    --rating-Very-High-gradient: linear-gradient(to right, hsl(349, 85%, 43%) 0%, var(--rating-color-Very-High) 50%, hsl(349, 85%, 43%) 100%) !important;
    --button-color: var(--bia-red);
    --button-light-color: #fff;
    --takeaway-list-width: 41rem;
    --selected-row-color: hsl(0deg 0% 83%);
    --selected-row-hover-background: hsl(0deg 0% 94%);
    --header-background: var(--discover-background-blue); /*hsl(226deg 17% 29%);*/
    --header-background-light: transparent;
    /*--header-background-light: #f6f6f6 linear-gradient(to bottom, #ddd 0%, #f6f6f6 50%);*/
    --header-text-color: #f6f6f6;
    --header-text-color-light: #333;
    --top-menu-color: var(--bia-red);
    --top-menu-current-color: #000;
    --top-menu-hover-color: hsl(348deg 100% 40%);
    --raised-box-shadow: 0 0 1.6rem 0 #6666;
    --top-header-background: #fff;
    --table-background-color: hsl(0deg 0% 100%);
    --table-background-color-alternate: hsl(0deg 0% 97%);
    --th-text-color: #000;
    --th-background: var(--header-background-light);
    --th-url-color: var(--url-color);
    --th-url-hover-color: var(--url-hover-color);
    --input-background-hover: linear-gradient(to left, hsl(0deg 0% 97%) 0%, hsl(0deg 0% 99%) 100%);
    --discover-background: linear-gradient(to right, #000 0%, #000 70%, #333 100%);
    --discover-background-blue: linear-gradient(to right, hsl(226deg 64% 25% / 1) 0%, hsl(226deg 64% 25% / 1) 50%, hsl(226deg 64% 15% / 1) 100%);
    --discover-background-white: linear-gradient(to right, hsl(0deg 0% 95%) 0%, hsl(0deg 0% 100%) 70%, hsl(0deg 0% 100% / 0%) 100%);
    --discover-background-gray: linear-gradient(to right, hsl(0deg 0% 41%) 0%, hsl(0deg 0% 41%) 50%, hsl(0deg 0% 20%) 100%);
    --footer-background: var(--discover-background);
    --footer-color: hsl(0deg 0% 67%);
    --base-font-size: 1.3rem;
    --takeaway-box-border-radius: 2px;
    --default-border-radius: 4px;
    --tag-background-color: hsl(0deg 0% 95%);
    --tag-background-hover-color: hsl(0deg 0% 90%);
    --tag-border-color: hsl(0deg 0% 82%);
    --tooltip-color: #222;
}

/* END VARIABLES */

* {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    /*transition: 0.2s ease-in-out font-size;*/
    background: var(--background-color);
    min-height: 100%;
    scroll-padding-top: 141px;
}

body {
    color: var(--text-color);
    font-family: var(--default-font-stack);
    font-weight: normal;
    font-size: var(--base-font-size);
    margin: 0 0 4rem 0;
    overflow-x: auto;
}

div, form, p, ul, ol, li, h1, h2, h3, h4, h5, input {
	margin: 0;
	padding: 0;
}

h1 {
    padding: 1.6rem;
    color: #333;
    border-bottom: 1px solid #ccc;
    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
    font-weight: bold;
    font-size: calc(var(--base-font-size) + 1.1rem);
    font-family: var(--heading-font-stack);
    -moz-user-select: none;
    -webkit-user-select: none;
    /*text-shadow: .1rem .1rem .4rem #000;*/
    white-space: nowrap;
    text-shadow: 1px 1px 2px #6666;
}

h3, th {
	cursor: default;
}

h5 {
    font-size: var(--base-font-size);
    font-family: var(--heading-font-stack);
}

th {
    white-space: nowrap;
}

input, option, select, textarea {
    background-color: #eee;
    color: #333;
    font-weight: normal;
    font-size: var(--base-font-size);
    font-family: var(--default-font-stack);
}

select, input {
    padding: .8rem;
    border-radius: 2px;
    outline: none;
    box-shadow: none;
    transition: 0.2s ease-in-out background, border, box-shadow;
}

input {
    background: hsl(0deg 0% 100%);
    border: 2px solid hsl(0deg 0% 90%);
    transition: 0.2s ease-in-out background, border, box-shadow;
}

/*input[type=date] {
    font-family: ui-monospace;
}*/

select {
    border: 2px solid hsl(0deg 0% 90%);
    background: linear-gradient(to bottom, hsl(0deg 0% 100%) 0%, hsl(0deg 0% 98%) 100%);
    transition: 0.2s ease-in-out background, border, box-shadow;
}

/*select:hover,
select:focus {
    border: 2px solid hsl(0deg 0% 90%);
    background: var(--input-background-hover);
    box-shadow: 0 0 .4rem #9992;
    transition: 0.2s ease-in-out background, border, box-shadow;
}*/

select:hover, input:hover {
    background: var(--input-background-hover);
    border: 2px solid hsl(0deg 0% 90%);
    box-shadow: 0 0 2px #6662;
    transition: 0.2s ease-in-out background, border, box-shadow;
}

input:focus, select:focus {
    outline: 0;
    background: hsl(0deg 0% 100%);
    border: 2px solid var(--bia-blue);
    box-shadow: 0 0 4px #3332;
    transition: 0.2s ease-in-out background, border, box-shadow;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus {
    /*outline: 2px solid var(--bia-blue);*/
    border: 2px solid var(--bia-blue);
    /*margin: 1px !important;*/
}

.loginPage input[type=text]:focus,
.loginPage input[type=password]:focus,
.loginPage input[type=email]:focus {
    /*margin-bottom: calc(1rem + 1px) !important;*/
}

input[readonly] {
    border: 2px solid transparent;
    background: hsl(0deg 0% 100%);
    cursor: default;
}

input[readonly]:focus,
input[readonly]:hover {
    box-shadow: none;
}

label {
    font-weight: normal;
    font-family: var(--heading-font-stack);
    color: hsl(0deg 0% 50%);
}

table {
	border-collapse: collapse;
}

a {
    color: var(--url-color);
    cursor: pointer;
    font-family: var(--url-font-stack);
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease-in-out all;
}

a:hover {
    /*text-decoration: underline;*/
    color: var(--url-hover-color);
    text-shadow: 1px 1px 0 #6663;
    transition: 0.3s ease-in-out all;
}

#rememberMeLabel {
    margin: .6rem 0;
    vertical-align: middle;
}

#rememberMe {
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
}

.loginPage .remember-me-row {
    margin-top: 1rem;
}

.loginPage input[type=text],
.loginPage input[type=password],
.loginPage input[type=email] {
    width: 100%;
    margin: 0;
    display: block;
}

ul {
    list-style: none;
}

img {
	border: none;
	vertical-align: middle;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	background-color: #009900;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.nowrap {
    white-space: nowrap;
}

.gray {
    color: #333;
	background: #efefef;
}

.bold {
	font-weight: bold !important;
}

.ital {
    font-style: italic !important;
}

.small {
    font-size: calc(var(--base-font-size) - .2rem);
}

.left {
    text-align: left !important;
}

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

.right {
    text-align: right !important;
}

.loading {
	background: #fff url(../images/loading.gif) center center no-repeat;
}

.disabled,
.disabled option {
	background-color: #eee;
}

.Very-Low {
    color: var(--rating-color-Very-Low);
    font-weight: bold;
}

.Low {
    color: var(--rating-color-Low);
    font-weight: bold;
}

.Medium {
    color: var(--rating-color-Medium);
    font-weight: bold;
}

.Medium-High {
    color: var(--rating-color-Medium-High);
    font-weight: bold;
}

.High {
    color: var(--rating-color-High);
    font-weight: bold;
}

.Very-High {
    color: var(--rating-color-Very-High);
    font-weight: bold;
}

.demo-video {
    margin: 1rem auto;
    display: block;
    max-width: 50vw;
    width: 683px;
}

/************************************************************
 * Common element styles
 ************************************************************/

thead {
    background: var(--th-background);
    color: var(--th-text-color);
    border-bottom: 1px solid #ddd;
}

th {
    padding: 1.2rem;
    /* border-top: 1px solid #ccc; */
    white-space: nowrap;
    color: var(--th-text-color);
    /*background: var(--th-background);*/
    font-size: var(--base-font-size);
    font-family: var(--heading-font-stack);
    font-weight: 600;
}

th.no-sort {
    opacity: 0.7;
}

th a {
    font-family: var(--heading-font-stack);
    font-weight: 600;
    display: inline-block;
    color: var(--th-url-color);
}

th a:hover {
    text-decoration: none;
    color: var(--th-url-hover-color);
}

div.search, tr.search {
    /*border-bottom: 1px solid #ccc !important;*/
    font-size: calc(var(--base-font-size) - .1rem);
    font-weight: bold;
    /*background: #eee !important;*/
}

#div-Container {
    width: 100%;
    /*max-width: var(--content-max-width);
    margin: 0 auto;*/
}

/* div-Header and child element styles */

#div-Header {
    padding-bottom: .4rem;
    font-size: calc(var(--base-font-size) - .2rem);
    background: var(--top-header-background);
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 0 0 0 #6666;
    /*transition: box-shadow 0.2s ease-in-out;*/
    box-shadow: var(--raised-box-shadow) !important;
}

.scrolled-header {
    box-shadow: var(--raised-box-shadow) !important;
    transition: box-shadow 0.2s ease-in-out;
}

#div-Header-Top {
    margin: 0 auto;
    padding: .2rem 0 0 0;
    width: 100%;
    max-width: var(--content-max-width);
}

#div-Header-Top-Content {
    /*max-width: var(--content-max-width);*/
    margin: 0 auto;
    padding: 0 .5rem;
    font-family: var(--heading-font-stack);
    vertical-align: middle;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}

#div-Header a {
    color: var(--header-url-color);
}

#div-Header a:hover {
    color: var(--header-url-hover-color);
}

#span-Header-Top-Subtitle {
    order: 0;
}

#span-Header-Top-Right {
    position: relative;
    top: 4px;
    order: 1;
}

#span-Header-Top-Right span {
    display: inline-block;
}

#Header-Top-Logout {
    margin: 0 .5rem 0 1.2rem;
    user-select: none;
}

#div-Header-Bottom {
    max-width: var(--content-max-width);
    margin: 0 auto;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: space-between;
}

#div-Header-Bottom .logo {
    height: 6.4rem;
    width: 21rem;
    margin-left: 0.5rem;
    background: url('../images/PRIMARY-BIA-LOGO-scaled.jpg') left top no-repeat;
    background-size: contain;
    vertical-align: middle;
    order: 0;
    flex-shrink: 0;
}

.beta-text {
    position: relative;
    top: -1.4rem;
    font-size: calc(var(--base-font-size) - 0.4rem);
    color: #000 !important;
    opacity: 0.5;
    text-shadow: none !important;
}

ul#Menu {
    -moz-user-select: none;
    -webkit-user-select: none;
    vertical-align: middle;
    margin: auto 0;
    order: 1;
}

ul#Menu li {
    display: block;
    float: left;
    padding: 0;
    border: 0;
}

ul#Menu li.first {
	border-left: 1px solid #999;
}

ul#Menu li a {
    color: var(--top-menu-color);
    font-weight: bold;
    font-size: 1.6rem;
    display: block;
    padding: 2rem 1.4rem;
    font-family: var(--default-font-stack);
    text-transform: uppercase;
    opacity: 0.8;
}

ul#Menu li a:hover,
ul#Menu li a:focus {
    /*color: var(--bia-red-light);*/
    text-decoration: none;
    color: var(--top-menu-hover-color);
    /*border-bottom: .3rem solid var(--top-menu-hover-color);*/
    /*margin-bottom: -.3rem;*/
}

ul #Menu li:not(.currentTab):hover, ul#Menu li:not(.currentTab):focus {
    position: relative;
    top: -.1rem;
}

.currentTab,
ul#Menu li.currentTab {
    border: 0;
}

.currentTab a,
ul#Menu li.currentTab a {
    color: var(--top-menu-current-color);
    /*border-bottom: .3rem solid var(--top-menu-current-color);*/
    /*margin-bottom: -.3rem;*/
    cursor: default;
    opacity: 1;
}

#myRepInfo {
    display: none;
    border-radius: var(--default-border-radius);
    line-height: 140%;
    position: absolute;
    top: 2rem;
    z-index: 1001;
    font-size: calc(var(--base-font-size) - .1rem);
    box-shadow: 0 0 1rem 0 #0006;
    background: #fff;
}

#a-myRep {
    user-select: none;
}

#myRepInfo-closeBar {
    display: flex;
    justify-content: flex-end;
    margin: .8rem;
}

#myRepInfo div.header {
    color: #333;
    font-size: var(--base-font-size);
    margin: 1.2rem 2rem;
    text-align: center;
}

#myRepInfo div.header h4 {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding: 0 .2rem .2rem .2rem;
    margin-bottom: .8rem;
    white-space: nowrap;
    text-align: left;
}

#myRepInfo-details {
    text-align: left;
}

/* div-Content and child element styles */
#div-Content,
#div-Content-Exception {
    padding: 1rem 3rem;
    max-width: var(--content-max-width);
    margin: 0 auto;
}

#div-Content-Top {
    background: var(--bia-blue-dark) url(../Images/bia_headers-Homepage-v4.jpg);
    font-size: var(--base-font-size);
}

#div-Content-Top-Inner,
.page-header-inner,
.search-toggle-inner {
    background: linear-gradient(to bottom, var(--bia-blue-verydark) 20%, hsl(226deg 64% 17% / 50%) 80%);
    /*background: linear-gradient(to bottom, var(--background-color) 0%, var(--bia-blue-verydark) 1px, transparent 80%, transparent calc(100% - 1px), var(--background-color) 100%);*/
    padding: 1.2rem 3rem;
}

.loginPage #div-Content-Top-Inner {
    height: 43rem;
}

.center-width-constrained {
    max-width: var(--content-max-width);
    margin: 0 auto;
    padding: 0 1rem;
}

#div-Content-Top h1 {
    color: var(--header-text-color);
    background: transparent;
    border: 0;
    padding: 0;
    font-size: calc(var(--base-font-size) + 1.4rem);
}

div.genInfo,
div.genInfoWide {
    border: 1px solid #ccc;
    /*box-shadow: 0 0 1.2rem 0 #6666;*/
    padding: .1rem;
    background-color: #fff;
    overflow: hidden;
    border-radius: var(--default-border-radius);
    margin-bottom: 2.4rem;
}

div.innerTableWrap {
	overflow-x: hidden;
	overflow-y: auto;
}

div.innerTableWrap table {
	width: 100%;
}

/* listTable styles */
table.listTable {
	margin: 0;
	background-color: #fff;
}

table.listTable, table.ReportList {
    width: 100%;
}

table.listTable td, table.ReportList td {
    padding: 0.6rem;
    text-align: left;
    vertical-align: middle;
    /*font-weight: 400;*/
}

table.listTable td.last,
table.ReportList td.last {
    border-right: 0;
}

table.listTable tr:last-of-type,
table.ReportList tr:last-of-type {
	border-bottom: 0 none;
}

table.listTable tr.selected,
table.ReportList tr.selected {
    cursor: default;
}

table.listTable tr,
table.ReportList tr {
    cursor: pointer;
}

table.listTable td.col1 {
    width: 24.4rem;
}

table.listTable td.col1 input {
	display: block;
	float: left;
	margin: .2rem .5rem 0 0;
	background-color: transparent;
}

table.listTable td.col1 a {
	display: block;
	float: left;
	/*width: auto !important;*/
	overflow: hidden;
}

table.listTable td.col2 {
	width: 15%;
	text-align: right;
	color: #333;
}

table.listTable tbody.scrollable td.col2 {
	padding-right: 1.5rem;
}

table.listTable td.col3 {
	width: 6rem;
	text-align: right;
	padding-right: 1rem;
}

table.listTable td.col3 a {
	text-align: right;
	float: right;
}

table.listTable td.col3 a:hover {
	text-decoration: none;
}

table.listTable td.test {
	padding: 0;
	margin: 0;
}

table th.desc a,
table th.DESC a {
    padding-right: 1.4rem;
    background-image: url(../images/dataViewSortDesc.gif);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 1rem;
}

table th.asc a,
table th.ASC a {
    padding-right: 1.4rem;
    background-image: url(../images/dataViewSortAsc.gif);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 1rem;
}

/* div-Footer and child element styles */
#div-Footer {
    font-size: calc(var(--base-font-size) - .1rem);
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: var(--footer-background);
    color: var(--footer-color);
    box-shadow: 0 0 0 0 #6666;
    box-shadow: var(--raised-box-shadow) !important;
    /*transition: box-shadow 0.2s ease-in-out;*/
    z-index: 100;
}

#div-Footer-Content {
    max-width: var(--content-max-width);
    margin: 0 auto;
    padding: .8rem 1.6rem;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: space-between;
}

#div-Footer-Content-Links {
    order: 1;
    margin: .4rem 0;
}

#div-Footer a {
	color: var(--url-color-footer);
}

#div-Footer a:hover {
    color: var(--url-hover-color-footer);
}

#div-Footer span.fRight {
    margin-left: .6rem;
}

#div-Footer .footer-copyright {
    order: 0;
    margin: .4rem 0;
}

/************************************************************
 * Login Page styles
 ************************************************************/
#div-Login-Error {
    position: relative;
    width: 33rem;
    margin: 1.2rem auto;
    padding: 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    /*background: #fff;
    box-shadow: 0 0 1rem 0 #0009;*/
}

#div-Login-Error .field-validation-error {
    /*color: var(--bia-red-light);*/
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 1rem 0 #0009;
}

#div-RequestPassword-Error {
    display: none;
    width: 25rem;
    margin: 0 auto;
    margin-bottom: 1.2rem;
    padding: 1rem;
    font-weight: bold;
    color: var(--bia-red);
    text-align: center;
}

/* div-Login and child element styles */
.login-box {
    width: 28rem;
    margin: 4rem auto 1rem auto;
    padding: 2rem 3rem;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 1rem 0 #0009;
}

.validation-summary-errors ul, 
.field-validation-error {
    padding: 4px;
}

#div-Reset {
    width: 33rem;
    margin: 0 auto;
    text-align: center;
    padding: 2rem 1rem;
}

#div-Login {
}

#resetPasswordForm {
    height: 43rem;
    padding-top: 6rem;
}

#div-Reset div label {
    width: 120px;
    display: inline-block;
}

#div-Reset div {
    display: block;
}

#div-Reset h3 {
	float: left;
	margin-left: 1.8rem;
	margin-right: 1.8rem;
}

.loginPage label {
    display: inline-block;
    width: 10rem;
    margin-bottom: .4rem;
    margin-left: .2rem;
    color: #000;
}

#a-RequestPassword-Send {
    margin: 1rem auto;
    display: block;
}

.loginPage input {
    width: 16.4rem;
}

#user_id, #txt-RequestPassword-Email {
	margin-bottom: 1rem;
}

#hidePasswordRequest {
    margin-bottom: .8rem;
    display: inline-block;
    text-align: right;
    float: right;
}

#btn-Login-Submit {
    width: 5.1rem;
    height: 1.9rem;
    margin-left: 4rem;
    padding: 0;
    border: 0 none;
    background: url(../images/btn-Login-Submit-Bg.gif) left top no-repeat;
    cursor: pointer;
}

/* div-RequestPassword, div-PasswordSent and child element styles */
#div-PasswordSent {
    display: none;
    width: 27rem;
    margin: 0 auto;
    margin-top: 1.2rem;
    border-radius: 4px;
    background-color: #FFF;
    padding: 2rem;
    box-shadow: 0 0 1rem 0 #3333;
}

#div-RequestPassword {
    display: none;
}

#div-PasswordSent {
    height: 5.6rem;
    padding-top: .8rem;
}

#div-PasswordSent p {
	font-weight: bold;
	color: #333;
	text-align: center;
}

#a-Login-RequestPassword {
    margin-top: 1.6rem;
    display: block;
}

#div-Login a,
#div-RequestPassword a {
    color: var(--header-url-color);
}

#div-Login a:hover,
#div-RequestPassword a:hover {
    color: var(--header-url-hover-color);
}

/************************************************************
 * Home Page styles
 ************************************************************/
h3,
.home h3,
.advsearch h3,
#div-SelectCompany-List h3,
.takeaway-list h3 {
    padding: 1.4rem;
    color: #333;
    /*color: var(--header-text-color);
    background: var(--header-background);*/
    color: var(--header-text-color-light);
    background: var(--header-background-light);
    border-bottom: 1px solid #ddd;
    /*border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;*/
    font-weight: bold;
    font-size: calc(var(--base-font-size) + .3rem);
    font-family: var(--heading-font-stack);
    -moz-user-select: none;
    -webkit-user-select: none;
    /*text-shadow: .1rem .1rem .4rem #000;*/
    white-space: nowrap;
}

.no-border {
    border: 0 !important;
}

h1.light {
    color: var(--header-text-color-light);
    background: var(--header-background-light);
}

h3.light {
    background: var(--header-background-light);
}

h3.solo {
    /*border: 1px solid #ccc;
    border-radius: 4px;*/
    border: 0;
    background: none;
}

.home h3 a {
    font-size: calc(var(--base-font-size) - .2rem);
    font-weight: normal;
}

#div-SelectCompany-List h3 {
    font-size: calc(var(--base-font-size) - .2rem);
}

#div-Content-Discover {
    width: 250px;
    height: 20px;
    background: url(../images/discover.png) no-repeat;
    margin: 3rem auto 9rem auto;
    opacity: .7;
    transition: 0.5s opacity ease-in-out;
}

#div-Content-Discover:hover {
    transition: 0.5s opacity ease-in-out;
    opacity: 1;
}

/* div-Content-MyInfo and child element styles */
#div-Content-MyInfo {
	width: 91.2rem;
	margin-bottom: 1rem;
}

#div-Content-MyInfo div.symbolLookup input {
	width: 24.2rem;
	height: 1.4rem;
	/*border: 1px solid #999;*/
	border-width: .1rem 0 .1rem .1rem;
	border-style: solid;
	border-color: #CCC;
}

div.symbolLookup input:focus {
    /*margin-right: -1px !important;*/
}

h3.closeButton,
#div-SelectCompany-List h3.closeButton,
#div-Content-Contact h3.closeButton {
	padding: .5rem 1rem .5rem 1rem;
}

/* div-Content-Alerts and child element styles */
.div-Content-Alerts,
.div-Content-Search {
	color: #333;
}

.div-Content-Search .content-section {
    border-radius: 0;
}

h3.closeButton a {
    height: 24px;
	order: 1;
    opacity: 0.8;
}

h3.closeButton a:hover {
    transform: scale(1.1);
}

.closeLink svg {
    width: 2.4rem;
    height: 2.4rem;
}

.closeLink svg .svg-icon {
    stroke: #333 !important;
    fill: none !important;
    transition: 0.3s ease-in-out all;
}

.closeLink:hover svg .svg-icon {
    stroke: #fff !important;
    fill: #555 !important;
    transition: 0.3s ease-in-out all;
}

.takeaway-list h3 .closeLink {
    float: right;
}

.takeaway-list h3 .closeLink svg .svg-icon {
    stroke: var(--header-text-color) !important;
}

.takeaway-list h3 .closeLink:hover svg .svg-icon {
    stroke: #333 !important;
    fill: hsl(0deg 0% 85%) !important;
}

/* div-Content-MyAccount and child element styles */
.GenInfoView #div-Content-MyAccount {
    display: none;
}

#div-Content-MyAccount-Center {
    width: 30rem;
    margin: 2rem auto 5rem auto;
    display: flex;
    justify-content: space-between; 
}

#div-Content-ChangePassword-Content {
    width: 29.3rem;
    margin: 2rem auto 3.2rem auto;
}

#div-Content-ChangePassword-Content > div {
    text-align: center;
}

#div-Content-MyAccount-Right {
    float: right;
    padding: 1.4rem 1.9rem 0 1rem;
}

#div-Content-ChangePassword-Content div.fLeft,
#div-Content-MyAccount-Right div.fLeft {
	width: 10.5rem;
}

#div-Content-ChangePassword-Content div label,
#div-Content-MyAccount div label,
#div-Content-Contact div label {
    display: block;
    white-space: nowrap;
    text-align: left;
    margin-bottom: .4rem;
    margin-top: .4rem;
}

#div-Content-ChangePassword div input,
#div-Content-MyAccount div input {
	margin-bottom: 1rem;
	width: 100%;
}

#div-Content-ChangePassword div input[type=password]:focus {
    /*margin-bottom: calc(1rem + 1px) !important;*/
}

#div-Content-ChangePassword div input[type=checkbox] {
    width: auto;
    margin-left: 8rem;
}

#div-Content-MyAccount div input[type=checkbox] {
    width: 2.4rem;
    height: 2.4rem;
}

#div-Content-ChangePassword-Bottom {
	width: 100%;
}

#div-Content-MyAccount-Bottom {
	width: 100%;
}

#div-Content-ChangePassword-Bottom a {
    margin: 0 auto;
    width: 3.5rem;
    display: block;
}

#div-Content-MyAccount-Bottom a {
    margin: 0 auto;
    width: 6rem;
    display: block;
}

/* div-Content-GenInfo and child element styles */

.AlertsView #div-Content-GenInfo,
.MyAccountView #div-Content-GenInfo {
	display: none;
}

#div-Content-GenInfo div.genInfo,
#div-Content-GenInfo div.genInfoWide {
    vertical-align: top;
}

#div-Content-GenInfo div.genInfo {
	width: 29.4rem;
	height: 26.8rem;
}

#header-news-section {
    font-size: calc(var(--base-font-size) + 0.2rem);
    white-space: normal;
    max-width: 115rem;
    margin: 0 auto;
}

#header-news-section p {
    margin: 0.8rem 0;
    font-weight: bold;
}

#header-news-section ul {
    font-size: var(--base-font-size);
    opacity: 0.7;
}

#header-news-section li {
    list-style: inside;
}

#header-news-section h1 {
    color: #fff;
    padding: 2rem 0;
}

.news-section-content {
    margin-top: 1.2rem;
}

.collapsed svg {
    transform: rotate(0deg);
    transition: 0.3s ease-in-out transform;
}

.collapsible:hover {
    cursor: pointer;
}

.collapsible:not(.collapsed) svg {
    transform: rotate(180deg);
}

.collapsible svg {
    vertical-align: middle;
    margin: .1rem;
    transition: 0.3s ease-in-out transform;
    opacity: 0.7;
}

.collapsible:hover svg {
    opacity: 1;
}

.collapsible svg .svg-icon {
    stroke: currentColor;
}

.collapsible:hover svg .svg-icon {
    stroke: currentColor;
}

.content-section .collapsible svg .collapseButton {
    color: #666;
}

.no-background-light {
    color: #eee;
    line-height: 140%;
}

.no-background-light a {
    color: hsl(226deg, 64%, 75%);
}

.no-background-light a:hover {
    color: hsl(226deg, 64%, 85%);
}

/* particular home tab styles */
#div-Content-GenInfo div.last {
    margin-right: 0;
}

#div-Content-GenInfo div.innerTableWrap {
	height: 100%;
}

/* Terms of Use & Contact Us styles */
p.clickThru {
	display: none;
}

.modal-content {
    display: none;
    margin: 0 auto;
    padding: .5rem;
    border-radius: 4px;
    background-color: #FFF;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    overflow: hidden;
    position: fixed;
    z-index: 1002;
    top: calc(50% - 20rem);
    left: calc(50% - 27rem);
    box-shadow: 0 0 2rem 0 #0006;
}

.full-page-overlay {
    display: none;
    background: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}

.modal-content h3 {
    background: #fff;
    text-shadow: none;
    color: #000;
    border-bottom: 1px solid #ddd;
    padding: 1.4rem 1rem;
    display: flex;
    justify-content: space-between;
}

#div-Content-ContactUs-Text,
#div-Content-TermsOfUse #div-Content-TermsOfUse-Text,
#div-Content-RatingsGuide-Text {
	width: 52rem;
	max-height: 40rem;
	padding: 1rem;
	overflow-y: scroll;
	/*border: 1rem solid #f9f9f9;
	border-top: 0 none;*/
	background: #fff;
}

#div-Content-ContactUs-Text {
	overflow-y: hidden;
    line-height: 140%;
}

#div-Content-ContactUs-Text h4 {
    margin: .6rem 0;
    font-size: calc(var(--base-font-size) + .2rem);
}

#div-Content-ContactUs-Text p,
#div-Content-TermsOfUse-Text p,
#div-Content-TermsOfUseAccept-Text p {
    padding-bottom: 1.4rem;
    font-size: var(--base-font-size);
    line-height: 140%;
}

#div-Content-RatingsGuide-Text {
    overflow-y: auto;
}

#div-Content-RatingsGuide-Text p {
    padding-bottom: 1rem;
    font-size: var(--base-font-size);
    line-height: 120%;
}

#div-Content-RatingsGuide-Text .report-rating-text {
    display: block;
    padding-bottom: .4rem;
}

#div-Content-TermsOfUse-CheckBox {
    padding: 1rem;
    background-color: #f9f9f9;
    text-align: center;
    color: #333;
}

#cb-Content-TermsOfUse-CheckBox {
	background-color: transparent;
}

#div-Content-TermsOfUse-Continue {
    background-color: #f9f9f9;
    text-align: center;
    padding: 0.4rem;
}

#a-Content-TermsOfUse-Continue {
	margin: 0 auto;
	width: 7.9rem;
}

#a-Content-TermsOfUse-Continue.grayDialogButton {
	color: #f0f0f0;
	cursor: default;
}

/************************************************************
 *
 * Company Page styles
 *
 ************************************************************/

/* div-Content-SelectCompany and child element styles */
#a-SelectCompany-Go {
    margin: -.1rem .4rem 0 .4rem;
}

#a-Search-Submit {
    margin: 0 auto;
    white-space: nowrap;
}

.cleanButton > span {
    vertical-align: middle;
    padding-left: 0.4rem;
}

/************************************************************
 * Alerts Page styles
 ************************************************************/
#div-Content-Search input,
#div-Content-Search option,
#div-Content-Search select,
#div-Content-Search textarea {
    font-size: calc(var(--base-font-size) - .2rem);
}

#div-Content-Search input,
#div-Content-Search select,
#div-Content-Search textarea {
	width: 18.1rem;
}

#div-Content-Search input.date {
	width: auto;
	margin-left: .4rem;
}

#div-Content-Search h4 {
    font-size: calc(var(--base-font-size) - .2rem);
    font-weight: bold;
}

/* Report List Data Table Styles */
table.ReportList {
	border-collapse: collapse;
}

table.ReportList tbody tr {
	height: 2rem;
}

table.ReportList tfoot td {
	color: #333;
	padding: .8rem;
}

table.round-bottom tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 8px;
}

table.round-bottom tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 8px;
}

/* New Styles */

#div-empty-company {
    width: 50rem;
    margin: 0 auto;
    position: relative;
}

#div-empty-company p {
    padding: 4px;
}

#a-Company-Go {
    display: inline-block;
}

#sel-Company-ItemsPerPage {
	margin-right: .8rem;
}

#sel-Company-Page {
    margin-right: 8px;
    text-align: center;
}

#a-Company-First {
	float: left;
}

#a-Company-Prev {
	margin-left: .4rem;
	float: left;
}

#a-Company-Next {
	float: right;
	margin-right: .4rem;
}

#a-Company-Last {
	float: right;
}

#div-Company-PagingGroup {
    border-top: 1px solid #ddd;
    font-size: calc(var(--base-font-size) - .1rem);
    display: flex;
    flex-shrink: 1;
    justify-content: space-between;
    padding: 0.6rem;
}

#div-Company-PagingGroup label,
#div-Company-PagingGroup input,
#div-Company-PagingGroup select {
    vertical-align: middle;
    margin-right: 0.6rem;
    font-weight: normal;
}

#div-Company-PagingInfo {
    padding: 1.6rem .4rem 1.6rem .4rem;
    font-size: var(--base-font-size);
    order: 2;
}

.no-search-results {
    font-size: calc(var(--base-font-size) + 0.2rem);
}

.paging-control {
    background: #fff;
    padding: 1rem;
    display: inline-block;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.paging-control:hover {
    background: var(--bia-blue);
    color: #fff;
    border-color: var(--bia-blue);
}

#div-Company-Paging {
	margin: .6rem;
    order: 0;
}

#div-Company-PagingControls {
    margin: 0.6rem;
    vertical-align: middle;
    order: 1
}

#div-Company-PagingControls td {
	width: 4.8rem;
}

#div-Content-CompanySearch {
    margin: 1.4rem .5rem 1rem 1rem;
    order: 2;
}

#div-Content-CompanySearch img {
    vertical-align: middle;
    margin-top: -.1rem;
    margin-right: .2rem;
}

div.symbolLookup {
    white-space: nowrap;
}

#div-Content-CompanySearch div.symbolLookup select {
    width: 20rem;
    height: 1.8rem;
    padding: 0;
}

#div-Content-CompanySearch div.symbolLookup input {
    max-width: 25rem;
    padding: .8rem 1rem;
    border-radius: 2px;
    vertical-align: middle;
}

#tbl-Content-GenInfo-MyLatestReports td.DocumentType {
    display: none;
}

#tbl-Content-GenInfo-MyLatestReports td.title,
table.ReportList td.title {
    width: auto;
}

td.ticker {
    padding-left: .8rem !important;
    padding-right: .8rem !important;
}

td.title {
    width: 40%;
}

td.question-ratings {
    width: 20%;
}

h4 a {
    font-size: calc(var(--base-font-size) + 0.1em);
}

.title a,
.company-link {
    color: var(--url-title-color);
    font-weight: 600;
    font-family: var(--url-font-stack);
    font-size: calc(var(--base-font-size) + .1rem);
    padding: 0.6rem 0;
    white-space: normal;
}

.ticker {
    font-family: var(--default-font-stack);
    opacity: 0.5;
    /*color: var(--bia-blue-dark);*/
}

.title a:hover,
a.company-link:hover {
    text-decoration: none;
    color: var(--url-title-hover-color);
}

.takeaway-content .company-link {
    color: #ddd;
}

.takeaway-content a.company-link:hover {
    color: #fff;
}

.title .subtitle {
    font-size: var(--base-font-size);
    margin: .6rem 0 0 0;
    opacity: 0.6;
    /*border-top: 1px solid #ccc;
    padding-top: .6rem;*/
    font-style: italic;
}

.report-date {
    font-family: var(--heading-font-stack);
}

#tbl-Content-GenInfo-News {
    font-size: calc(var(--base-font-size) - .1rem);
    line-height: 130%;
    padding: .6rem;
}

#tbl-Content-GenInfo-News p {
    padding: .4rem;
    margin: .6rem .4rem;
    font-size: var(--base-font-size);
}

#tbl-Content-GenInfo-News ul {
	list-style: disc;
	margin-left: 3.2rem;
}

#tbl-Content-GenInfo-News ul li {
    margin-bottom: .4rem;
}

#div-Content-MyAccount input#chk-Alerts-Mobile {
	padding: .2rem 0;
}

#sel-Search-ReportType {
    width: 18.9rem;
}

label.cbLabel {
    padding: .6rem 1.6rem .6rem .4rem;
    font-weight: normal;
    font-size: var(--base-font-size);
    vertical-align: middle;
}

input[type=checkbox],
input[type=radio] {
    border: 0;
    filter: grayscale(1);
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: 2px solid var(--bia-blue);
}

#div-Content-Search-Settings {
    padding: 1.6rem 3rem;
    font-size: var(--base-font-size);
    white-space: normal;
}

.search-toggle {
    font-size: calc(var(--base-font-size) - 0.2rem);
    width: 100%;
    position: sticky;
    top: 85px;
    height: 18px;
    background: var(--discover-background-blue);
    color: #fff;
    padding: 0;
    z-index: 100;
    display: none;
    text-align: center;
    user-select: none;
    cursor: pointer;
}

.search-toggle-inner {
    padding: 4px;
}

.search-param-container {
    overflow-y: auto;
    max-height: calc(100vh - 23.4rem);
    padding: 1rem 2rem 0.4rem 2rem;
}

.search-param-container-bottom {
    border-top: 1px solid #ccc;
    padding: 0;
}

div.search-param {
    /*margin-right: 1rem;*/
    vertical-align: top;
    /*display: inline-block;*/
    max-width: 25rem;
}

.search-param.inline > label {
    display: inline-block;
    margin: 0 1rem;
}

.search-param > label {
    display: block;
    padding-top: 1rem;
    padding-bottom: .2rem;
    font-size: var(--base-font-size);
    font-weight: normal;
}

.search-param > label.underlined {
    border-bottom: 1px solid #ccc;
    display: block;
    padding-bottom: 0.2rem;
    margin-bottom: 0.6rem;
}

.search-param > input:not([type=date]),
.search-param > select {
    width: 20rem;
}
.rating-checkboxes {
    font-size: calc(var(--base-font-size) - .2rem);
    width: 12rem;
}

.rating-checkboxes label,
.rating-checkboxes input {
    display: inline-block;
}

.rating-checkboxes label {
}

.rating-checkboxes input {
    float: right;
}

.rating-checkboxes .report-rating-text {
    margin: .4rem 0;
}

.search-param .report-rating-text label {
    font-size: calc(var(--base-font-size) - 0.2rem);
    vertical-align: top;
}

.search-param input[type=checkbox] {
    width: 1.8rem;
    height: 1.8rem;
}

.recent-report {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto 3.6rem auto;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 12px 0 hsl(0deg 0% 90% / 80%);
    white-space: normal;
    /*cursor: pointer;*/
    padding: 0;
    border-radius: var(--default-border-radius);
    position: relative;
    top: 0;
    left: 0;
    transition: 0.3s ease-in-out all;
}

.recent-report:hover,
.recent-report.quick-shown {
    box-shadow: 4px 4px 1rem 0 #9993;
    /*position: relative;
    top: -1px;
    left: -1px;*/
    transition: 0.3s ease-in-out all;
}

.recent-report > h4 {
    font-family: var(--heading-font-stack);
    color: var(--header-text-color-light);
    padding: .4rem 1.6rem;
    border-bottom: 1px solid #ddd;
    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
    display: flex;
    justify-content: space-between;
    /*background: var(--header-background-light);*/
}

.recent-report.discover-Very-Low > h4 {
    background: linear-gradient(to right, hsl(120deg 75% 38% / 10%) 0%, hsl(0deg 0% 100%) 70%, hsl(0deg 0% 100% / 0%) 100%);
}

.recent-report.discover-Low > h4 {
    background: linear-gradient(to right, hsl(120deg 75% 38% / 10%) 0%, hsl(0deg 0% 100%) 70%, hsl(0deg 0% 100% / 0%) 100%);
}

.recent-report.discover-Medium > h4 {
    background: linear-gradient(to right, hsl(49deg 100% 58% / 10%) 0%, hsl(0deg 0% 100%) 70%, hsl(0deg 0% 100% / 0%) 100%);
}

.recent-report.discover-Medium-High > h4 {
    background: linear-gradient(to right, hsl(32deg 91% 52% / 10%) 0%, hsl(0deg 0% 100%) 70%, hsl(0deg 0% 100% / 0%) 100%);
}

.recent-report.discover-High > h4 {
    background: linear-gradient(to right, hsl(32deg 91% 52% / 10%) 0%, hsl(0deg 0% 100%) 70%, hsl(0deg 0% 100% / 0%) 100%);
}

.recent-report.discover-Very-High > h4 {
    background: linear-gradient(to right, hsl(353deg 73% 54% / 10%) 0%, hsl(0deg 0% 100%) 70%, hsl(0deg 0% 100% / 0%) 100%);
}

.recent-report .company-link {
    font-size: var(--base-font-size);
}

.recent-report h4.kta-header {
    background: #fff;
    border-bottom: 0;
    margin-top: 0.6rem;
}

.recent-report .ticker {
    margin-left: .4rem;
}

.report-date-header {
    display: none;
}

.recent-report .report-date-header {
    display: inline-block;
    float: right;
    font-size: var(--base-font-size);
    font-weight: normal;
    opacity: 0.8;
    padding: .6rem 0;
}

.recent-report .report-date {
    display: none;
}

.recent-report .kta-section {
    display: none;
}

.recent-report-publish-date {
    background: transparent;
    color: var(--text-color);
    margin: 2rem 0;
    text-align: center;
    font-size: calc(var(--base-font-size) + .1rem);
    font-family: var(--heading-font-stack);
    opacity: 0.8;
}

.takeaway-box {
    order: 2;
    height: 6.8rem;
    white-space: nowrap;
    font-size: var(--base-font-size);
    font-weight: bold;
    font-family: var(--heading-font-stack);
    cursor: pointer;
    /*border: 1px solid #ccc;*/
    border-radius: var(--takeaway-box-border-radius);
    /*box-shadow: 0 0 .4rem #0006;*/
    transition: 0.2s ease-in-out background, color;
}

.takeaway-box:hover {
    background: hsl(0deg 0% 95%);
    transition: 0.2s ease-in-out background, color
}

.takeaway-box-container {
    display: block;
    /*height: calc(100% - 2.7rem);*/
    height: 4.1rem;
    position: relative;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-left-radius: var(--takeaway-box-border-radius);
    border-bottom-right-radius: var(--takeaway-box-border-radius);
    box-shadow: inset 0 0 6px 0 #6663;
}

.takeaway-box-items {
    position: absolute;
    top: 50%;
    /* height: 1em; */
    margin-top: -1rem;
    text-align: center;
    width: 100%;
}

.takeaway-box-items-inner {
    display: inline-block;
    /*background: #0007;*/
    /*border-radius: 2px;*/
    /*padding: 2px;*/
    /*transform: skewX(-30deg);*/
}

.takeaway-box > span {
    height: 2.7rem;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: .5rem 2rem;
    background: var(--discover-background-blue);
    color: var(--header-text-color);
    /*margin-bottom: .4rem;*/
    border-radius: var(--takeaway-box-border-radius) var(--takeaway-box-border-radius) 0 0;
}

.rating-thin-, .rating-thin-None {
    padding: .2rem;
    /* background: var(--rating-None-gradient); */
    background: var(--rating-None);
}

.rating-thin-Very-Low {
    padding: .2rem;
    /* background: var(--rating-Very-Low-gradient); */
    background: var(--rating-Very-Low);
}

.rating-thin-Low {
    padding: .2rem;
    /* background: var(--rating-Low-gradient); */
    background: var(--rating-Low);
}

.rating-thin-Medium {
    padding: .2rem;
    /* background: var(--rating-Medium-gradient); */
    background: var(--rating-Medium);
}

.rating-thin-Medium-High {
    padding: .2rem;
    /* background: var(--rating-Medium-High-gradient); */
    background: var(--rating-Medium-High);
}

.rating-thin-High {
    padding: .2rem;
    /* background: var(--rating-High-gradient); */
    background: var(--rating-High);
}

.rating-thin-Very-High {
    padding: .2rem;
    /* background: var(--rating-Very-High-gradient); */
    background: var(--rating-Very-High);
}

.report-rating-, .report-rating-None {
    border-bottom: .2rem solid var(--rating-color-None);
}

.report-rating-Very-Low {
    border-bottom: .2rem solid var(--rating-color-Very-Low);
}

.report-rating-Low {
    border-bottom: .2rem solid var(--rating-color-Low);
}

.report-rating-Medium {
    border-bottom: .2rem solid var(--rating-color-Medium);
}

.report-rating-Medium-High {
    border-bottom: .2rem solid var(--rating-color-Medium-High);
}

.report-rating-High {
    border-bottom: .2rem solid var(--rating-color-High);
}

.report-rating-Very-High {
    border-bottom: .2rem solid var(--rating-color-Very-High);
}

.report-rating-text span,
.report-rating-text label {
    padding: .1rem;
    display: inline-block;
    text-shadow: 1px 1px 0px #6663;
    color: hsl(0deg 0% 50%);
}

.title > .report-rating-text {
    margin: 0 0 0.6rem 0;
}

.report-rating-text {
    font-size: var(--base-font-size);
    /*font-weight: bold;*/
    margin: 0;
    font-family: var(--heading-font-stack);
    white-space: nowrap;
}

.recent-report .report-top,
.company-report-list .report-top,
.company-tag-list .report-top {
    display: flex;
    justify-content: space-between;
}

.company-tag-list .report-top {
    margin: .6rem;
}

/*.report-bottom .question-header {
    padding: .8rem 1.6rem;
    display: inline-block;
    font-size: calc(var(--base-font-size) - .2rem);
    font-family: var(--heading-font-stack);
}*/

.call-info-flex {
    display: flex;
    justify-content: space-between;
}

.call-info-flex .label {
    font-size: calc(var(--base-font-size));
    font-family: var(--heading-font-stack);
    padding: .8rem 1.6rem;
}

.call-info-flex > .right-side {
    margin: 0.8rem 0.4rem;
    width: 60%;
}

.call-info-flex > .right-side .question-rating-breakdown {
    width: 100%;
    position: relative;
    top: 1px;
}

.call-info-flex .question-rating-pct {
    /*color: transparent;*/
    /*text-shadow: none;*/
}

.question-rating-breakdown {
    width: 40%;
    display: inline-flex;
    justify-content: center;
    padding: 0;
    opacity: 0.8;
}

table .question-rating-breakdown {
    width: 100%;
}

.takeaway-list .report-bottom {
    display: flex;
    justify-content: space-between;
}

.question-rating-breakdown-Very-Low {
    background: var(--rating-color-Very-Low);
    /* border-color: var(--rating-color-border-Very-Low); */
}

.question-rating-breakdown-Low {
    background: var(--rating-color-Low);
    /* border-color: var(--rating-color-border-Low); */
}

.question-rating-breakdown-Medium {
    background: var(--rating-color-Medium);
    /* border-color: var(--rating-color-border-Medium); */
}

.question-rating-breakdown-Medium-High {
    background: var(--rating-color-Medium-High);
    /* border-color: var(--rating-color-border-Medium-High); */
}

.question-rating-breakdown-High {
    background: var(--rating-color-High);
    /* border-color: var(--rating-color-border-High); */
}

.question-rating-breakdown-Very-High {
    background: var(--rating-color-Very-High);
    /* border-color: var(--rating-color-border-Very-High); */
}

.question-rating-pct {
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: calc(var(--base-font-size) - .4rem);
    font-family: var(--default-font-stack);
    padding: 0.1rem;
    text-shadow: .1rem .1rem .2rem #0003;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 0;
    border-right-width: 0;
    border-style: solid;
    border-color: hsl(0, 0%, 0%, 0.1);
    cursor: default;
    transition: 0.2s ease-in-out color, text-shadow;
    overflow: hidden;
}

.question-rating-pct:first-of-type {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left-width: 2px;
}

.question-rating-pct:last-of-type {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right-width: 2px;
}

/* Clean buttons */
.cleanButton {
    display: inline-block;
    height: 3.5rem;
    padding: 0.5rem 0.8rem;
    margin: .3rem .3rem;
    text-decoration: none;
    font-weight: bold;
    font-family: var(--default-font-stack);
    font-size: var(--base-font-size);
    color: var(--button-color) !important;
    border: 2px solid var(--button-color);
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    user-select: none;
    background: none;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    transition: 0.25s background, color ease-in-out;
}

.cleanButton:focus,
.cleanButton:hover {
    outline: 0;
    color: var(--button-light-color) !important;
    text-decoration: none;
    background: var(--button-color);
    box-shadow: 0 1px 4px 0 #85003799;
    transition: 0.25s background ease-in-out, 0.25s color ease-in-out, 0.25s box-shadow ease-in-out;
}

.cleanButton svg {
    vertical-align: middle;
    margin: .1rem;
    height: 2rem;
    width: 2rem;
}

.cleanButton svg .svg-icon {
    stroke: var(--button-color) !important;
}

.cleanButton:hover svg .svg-icon {
    stroke: var(--button-light-color) !important;
}

.cleanButton.no-image {
    height: 3.6rem;
    padding: 0.9rem 1rem;
}

.cleanButton.half-width {
    width: calc(50% - 0.6rem);
}

.cleanButton.full-width {
    width: calc(100% - 0.6rem);
}

#btn-Login {
    display: block;
    margin: 1rem auto;
}

.listTable tbody tr,
.ReportList tbody tr {
    background: var(--table-background-color);
    transition: 0.2s background ease-in-out;
}

table.listTable tbody tr:nth-of-type(odd),
table.ReportList tbody tr:nth-of-type(odd) {
    background-color: var(--table-background-color-alternate);
}

.listTable tbody tr:not(.takeaway-row):hover,
.ReportList tbody tr:not(.takeaway-row):hover {
    background: var(--selected-row-hover-background);
    transition: 0.2s background ease-in-out;
}

.account-page-box {
    max-width: 50rem;
    /*height: 30rem;*/
    margin: 0 auto;
    font-size: var(--base-font-size);
    display: block;
    /*box-shadow: 0 0 1.2rem 0 #6663;*/
    margin-bottom: 2.4rem;
}

.account-page-box .bottom {
    padding-bottom: 1.6rem;
    width: 100%;
    text-align: center;
}

#div-Content-Contact h4 {
    margin-top: .4rem;
    margin-bottom: .4rem;
    font-size: var(--base-font-size);
    font-weight: normal;
    font-family: var(--heading-font-stack);
    /*border-bottom: 1px solid #ddd;*/
    padding: .2rem;
    color: hsl(0deg 0% 50%);
}

#div-Content-Contact-Info {
	width: 27.5rem;
    margin: 2rem auto;
}

#div-Content-Contact-Left {
	float: left;
	display: block;
}

#div-Content-Contact-Right {
	float: right;
	display: block;
}

#div-Content-Contact div span {
    margin-top: .4rem;
    margin-bottom: 1.2rem;
    padding: .4rem;
    white-space: nowrap;
    display: block;
}

#tbl-Content-GenInfo-MyLatestReports td.last {
	border-right: 0 none;
}

::selection {
	background: #CCC; /* Safari */
}

::-moz-selection {
	background: #CCC; /* Firefox */
}

.cleanButton::selection {
	background: #FFF;
}

.cleanButton::-moz-selection {
	background: inherit;
}

#resultsLoadingTicker,
#resultsLoadingRating,
#resultsLoadingTitle,
#resultsLoadingDate,
#resultsLoadingType,
#resultsLoadingFormat {
	display: none;
}

.sortLoading {
	float: right;
}

input.input-validation-error {
    background: hsl(0deg 60% 92%);
}

.status-success {
    background: var(--bia-blue);
    border: 1px solid var(--bia-blue);
    color: #fff;
    font-weight: bold;
}

.status-failure {
    background: var(--bia-red);
    border: 1px solid var(--bia-red);
    color: #fff;
    font-weight: bold;
}

#div-AccountValidation {
    width: 40rem;
    float: left;
    padding: 1.2rem;
    display: none;
    text-align: center;
    position: fixed;
    top: 14rem;
    left: calc(50% - 20rem);
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 #0006;
}

.validation-summary-valid {
	display: none;
}

.validation-summary-errors {
    color: var(--bia-red);
}

.field-validation-error {
    color: var(--bia-red);
    display: block;
}

#div-Dev {
    padding: 1.2rem;
    display: none;
}

#div-Dev b {
    width: 10rem;
    display: inline-block;
}

#NewPassword {
	margin-bottom: 1rem;
}

#ConfirmPassword {
	margin-bottom: .8rem;
}

.center-width-constrained.terms-of-use {
    max-width: 100rem;
}

#div-Content-TermsOfUseAccept {
    display: block;
    padding: .5rem;
    /*background: url(../images/terms-of-use-bg.png) left top no-repeat;*/
    background-color: #FFF;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    border: 0;
    overflow: hidden;
}

#div-Content-TermsOfUseAccept #div-Content-TermsOfUse-Text {
	height: 30rem;
	padding: 1rem;
	overflow-y: scroll;
	background: #FFF;
}

.ui-helper-hidden-accessible {
    display: none;
}

.research-center > .ui-autocomplete {
    font-size: calc(var(--base-font-size) - .1rem);
}

.research-center > .ui-autocomplete.ui-widget-content {
    background: unset;
    background-color: unset;
    border: 1px solid hsl(0deg 0% 82% / 0.9);
    border-radius: 0;
}

.research-center .ui-autocomplete-term {
    font-weight: 700;
    background-color: hsl(49deg 100% 77%);
    color: #000;
    border-radius: 2px;
}

.research-center > .ui-autocomplete .ui-menu-item > a.ui-state-active,
.research-center > .ui-autocomplete .ui-menu-item > a.ui-state-focus,
.research-center > .ui-autocomplete .ui-menu-item > div.ui-state-active,
.research-center > .ui-autocomplete .ui-menu-item > div.ui-state-focus {
    background-color: hsl(226deg 64% 25% / 0.95);
    color: #f9f9f9;
    transition: none;
}

.research-center > .ui-autocomplete .ui-menu-item > a,
.research-center > .ui-autocomplete .ui-menu-item > div {
    background-color: hsl(0deg 0% 100% / 0.95);
    color: #111;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid hsl(0deg 0% 82% / 0.9);
    /*transition: background-color 0.1s ease;*/
    cursor: pointer;
}

.research-center > .ui-menu .ui-menu-item > a,
.research-center > .ui-menu .ui-menu-item > div {
    text-decoration: none;
    display: block;
    padding: 0.4rem 0.8rem;
    line-height: 1.5;
    zoom: 1;
    font-weight: normal
}

.research-center > .ui-autocomplete .ui-menu-item:first-of-type > * {
    /*border-radius: 4px 4px 0 0;*/
}

.research-center > .ui-autocomplete .ui-menu-item:last-of-type > * {
    /*border-radius: 0 0 4px 4px;*/
    border-bottom: 0;
}

li.ui-menu-item:last-of-type a {
    border-bottom: 0;
}

.ui-state-focus {
    background-color: var(--bia-blue-dark) !important;
}

.rating-Very-Low {
    padding-left: 1em !important;
    background: var(--rating-Very-Low-gradient);
    background-position: left !important;
    background-size: 6% 100% !important;
    background-repeat: no-repeat !important;
}

.rating-Low {
    padding-left: 1em !important;
    background: var(--rating-Low-gradient);
    background-position: left !important;
    background-size: 6% 100% !important;
    background-repeat: no-repeat !important;
}

.rating-Medium {
    padding-left: 1em !important;
    background: var(--rating-Medium-gradient);
    background-position: left !important;
    background-size: 6% 100% !important;
    background-repeat: no-repeat !important;
}

.rating-Medium-High {
    padding-left: 1em !important;
    background: var(--rating-Medium-High-gradient);
    background-position: left !important;
    background-size: 6% 100% !important;
    background-repeat: no-repeat !important;
}

.rating-High {
    padding-left: 1em !important;
    background: var(--rating-High-gradient);
    background-position: left !important;
    background-size: 6% 100% !important;
    background-repeat: no-repeat !important;
}

.rating-Very-High {
    padding-left: 1em !important;
    background: var(--rating-Very-High-gradient);
    background-position: left !important;
    background-size: 6% 100% !important;
    background-repeat: no-repeat !important;
}

.help-indicator {
    font-size: calc(var(--base-font-size) - .4rem);
    vertical-align: top;
}

.help-indicator-circle {
    float: right;
    width: 1.8rem;
    height: 1.8rem;
    padding: .2rem;
    color: #fff;
    background: var(--bia-blue);
    border-radius: 1.6rem;
    font-weight: bold;
    display: block;
    text-align: center;
    user-select: none;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
}

.help-indicator-circle:hover {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.rating-image {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.takeaway-list {
    /*display: none;*/
    background: #fff;
    position: fixed;
    top: 0;
    right: calc(-1 * var(--takeaway-list-width));
    height: 100vh;
    max-width: var(--takeaway-list-width);
    /*border-radius: var(--default-border-radius) 0 0 var(--default-border-radius);*/
    z-index: 1002;
}

.takeaway-list.viewing {
    box-shadow: var(--raised-box-shadow);
    opacity: unset;
}

body.dim {
    opacity: 0.5;
}

.takeaway-list h3 {
    color: var(--header-text-color);
    background: var(--header-background);
    /*border-radius: 4px 0 0 0;*/
    text-shadow: none;
    /* border-bottom: 1px solid #555; */
    border-bottom: 0;
    text-align: center;
}

.takeaway-row {
    cursor: default;
    border-bottom: 1px solid #ccc;
}

.takeaway-row td {
    padding: 0 !important;
}

.takeaway-content > h4,
.takeaway-row > td > div > h4 {
    background-color: #f6f6f6;
    /* border-top: 1px solid #ccc; */
    /* border-bottom: 1px solid #ccc; */
    box-shadow: 0 0 .4rem 0 #0006;
    background: var(--header-background);
    color: var(--header-text-color);
    font-size: calc(var(--base-font-size) + .1rem);
}

.takeaway-content h4:first-of-type {
    border-top: 0 !important;
}

.takeaway-content h4.kta-header {
    margin-top: 0.4rem;
}

.takeaway-row > td > div > h4 {
    border-top: 1px solid #ccc;
}

.takeaway-content h4,
.kta-list h4,
.takeaway-row h4 {
    padding: 1.2rem 1.6rem;
    font-family: var(--heading-font-stack);
    font-weight: 600;
    /* border-bottom: 1px solid #555; */
}

.takeaway-content > div:last-of-type {
    padding-bottom: 3rem;
}

.report-rating {
    margin-right: .8rem;
    display: inline-block;
    width: 2rem;
    height: 4.5rem;
    border-radius: 4px;
    background-size: unset !important;
    background-position: unset !important;
    border-width: .2rem;
    border-style: solid;
}

.call-rating-, .call-rating-None {
    background: var(--rating-None-gradient);
    border-color: var(--rating-color-border-None);
}

.call-rating-Very-Low {
    background: var(--rating-Very-Low-gradient);
    border-color: var(--rating-color-border-Very-Low);
}

.call-rating-Low {
    background: var(--rating-Low-gradient);
    border-color: var(--rating-color-border-Low);
}

.call-rating-Medium {
    background: var(--rating-Medium-gradient);
    border-color: var(--rating-color-border-Medium);
}

.call-rating-Medium-High {
    background: var(--rating-Medium-High-gradient);
    border-color: var(--rating-color-border-Medium-High);
}

.call-rating-High {
    background: var(--rating-High-gradient);
    border-color: var(--rating-color-border-High);
}

.call-rating-Very-High {
    background: var(--rating-Very-High-gradient);
    border-color: var(--rating-color-border-Very-High);
}

.report-title {
    vertical-align: middle;
    display: block;
    white-space: nowrap;
}

.report-eventdate {
    color: #666;
    font-size: var(--base-font-size);
    font-weight: normal;
}

.report-headline {
    vertical-align: middle;
    width: 23rem;
    display: inline-block;
    font-weight: bold;
    color: #333;
    font-size: var(--base-font-size);
}

.report-subtitle {
    display: block;
    font-size: calc(var(--base-font-size) - .1rem);
    color: #555;
    margin-top: .6rem;
    font-weight: normal;
}

.report-company {
    width: 23rem;
    display: inline-block;
    vertical-align: middle;
}

.report-kta {
    background: #fff;
}

.report-top,
.report-bottom {
    margin: 1.2rem 1.6rem;
}

.report-summary > div {
    display: inline-block;
    vertical-align: middle;
}

.report-summary > div.title {
    width: 100%;
    padding-right: 1rem;
}

.takeaway-content ul {
    list-style: none;
}

.takeaway-content li {
    margin: 1.2rem 0;
    list-style-position: inside;
}

.takeaway-content ul li.kta-None,
.takeaway-content ul li.kta- {
    list-style-image: url('../images/Chicklets/chicklet0-24.png');
}

.takeaway-content ul li.kta-Very-Low {
    list-style-image: url('../images/Chicklets/chicklet100-24.png');
}

.takeaway-content ul li.kta-Low {
    list-style-image: url('../images/Chicklets/chicklet200-24.png');
}

.takeaway-content ul li.kta-Medium {
    list-style-image: url('../images/Chicklets/chicklet300-24.png');
}

.takeaway-content ul li.kta-Medium-High {
    list-style-image: url('../images/Chicklets/chicklet350-24.png');
}

.takeaway-content ul li.kta-High {
    list-style-image: url('../images/Chicklets/chicklet400-24.png');
}

.takeaway-content ul li.kta-Very-High {
    list-style-image: url('../images/Chicklets/chicklet500-24.png');
}

.takeaway-content li .kta-text {
    display: inline-block;
    vertical-align: top;
}

.takeaway-content li .kta-text, .rating-list-label {
    max-width: calc(100% - 3rem);
    color: #333;
}

/*section.main-content {
    background: url(../images/footer-recorded-speech.jpg);
    background-repeat-y: no-repeat;
    background-position-y: 90%;
    background-size: contain;
}*/

.content-section {
    margin-bottom: 2rem;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 1rem 0 hsl(0deg 0% 90%);
    break-inside: avoid;
    overflow-x: auto;
}

.content-section-content {
    padding: 1.2rem;
}

.recent-deliverables {
}

#recent-ktas {
    grid-column: 1;
    grid-row: 1;
}

#recent-questions {
    grid-column: 1;
    grid-row: 2;
}

.recent-report-list,
.company-report-list {
    overflow-x: auto;
}

#recent-ktas .company-report-list-content,
#recent-questions .company-report-list-content {
    margin-bottom: 0.6rem;
}

#recent-questions .company-report-list-items {
    padding: 0;
}

#recent-tags {
    /*grid-column: 2;
    grid-row: 1 / 4;*/
    grid-column: 2;
    grid-row: 1 / 4;
}

.company-report-list-content {
    border-bottom: 1px solid #ddd;
    margin-top: 2rem;
}

.company-report-list-content:first-of-type {
    margin-top: 0;
}

.company-report-list-content:last-of-type {
    border-bottom: 0;
}

.company-report-list-items, .kta-associations {
    box-shadow: 2px 2px 4px 0 hsl(0deg 0% 90%);
}

.company-report-list-items {
    max-width: 100rem;
    margin: 0 1.6rem 1.6rem 1.6rem;
}

.company-report-list-items-inner {
    border: 1px solid #ddd;
    border-top: 0;
}

.company-report-list-questions {
    column-count: 2;
    column-gap: 1px;
    column-rule: 1px solid #ddd;
    border: 1px solid #ddd;
    border-top: 0;
}

.company-report-list .title {
    margin-bottom: .4rem;
}

.rating-list-image {
    display: inline-block;
}

.rating-list-label {
    display: inline-block;
    vertical-align: middle;
}

.rating-list-label > a {
    padding: .4rem 0;
    width: 100%;
    display: inline-block;
    font-family: var(--default-font-stack);
    font-weight: 400;
}

.kta.kta-None, .kta.kta- {
    background-color: var(--rating-color-None);
    /* border-color: var(--rating-color-border-None); */
}

.kta.kta-Very-Low {
    background-color: var(--rating-color-Very-Low);
    background: linear-gradient(to bottom, var(--rating-color-start-Very-Low) 0%, var(--rating-color-end-Very-Low) 95%);
    /* border-color: var(--rating-color-border-Very-Low); */
}

.kta.kta-Low {
    background-color: var(--rating-color-Low);
    background: linear-gradient(to bottom, var(--rating-color-start-Low) 0%, var(--rating-color-end-Low) 95%);
    /* border-color: var(--rating-color-border-Low); */
}

.kta.kta-Medium {
    background-color: var(--rating-color-Medium);
    background: linear-gradient(to bottom, var(--rating-color-start-Medium) 0%, var(--rating-color-end-Medium) 95%);
    /* border-color: var(--rating-color-border-Medium); */
}

.kta.kta-Medium-High {
    background-color: var(--rating-color-Medium-High);
    background: linear-gradient(to bottom, var(--rating-color-start-Medium-High) 0%, var(--rating-color-end-Medium-High) 95%);
    border-color: var(--rating-color-border-Medium-High);
}

.kta.kta-High {
    background-color: var(--rating-color-High);
    background: linear-gradient(to bottom, var(--rating-color-start-High) 0%, var(--rating-color-end-High) 95%);
    /* border-color: var(--rating-color-border-High); */
}

.kta.kta-Very-High {
    background-color: var(--rating-color-Very-High);
    background: linear-gradient(to bottom, var(--rating-color-start-Very-High) 0%, var(--rating-color-end-Very-High) 95%);
    /* border-color: var(--rating-color-border-Very-High); */
}

.kta.kta-Unrated {
    background-color: #aaa;
    background: linear-gradient(to bottom,#eee 0%,#ccc 95%);
    border-color: hsl(0deg 0% 70%);
    box-shadow: inset 0 0 0 1px hsl(0deg 0% 70%);
}

.kta {
    /*border: 1px solid #666;*/
    width: .9rem;
    height: 1.8rem;
    display: inline-block;
    border-radius: 2px;
    margin-right: .2rem;
    cursor: inherit;
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.05);
}

.kta:last-of-type {
    margin-right: 0;
}

.kta > span {
    font-family: var(--default-font-stack);
    font-size: calc(var(--base-font-size) - .3rem);
    color: #fff;
    font-weight: bold;
    /* padding: .4rem .2rem; */
    display: inline-block;
    text-shadow: 0 0 .3rem #000;
    opacity: 0;
}

.takeaway-content .kta > span {
    opacity: 1;
    padding: .4rem;
    font-size: var(--base-font-size);
    font-weight: bold;
}

.kta-list-empty {
    padding: 2rem;
    font-size: calc(var(--base-font-size) - .1rem);
}

.kta-list {
    padding: 0rem 1.2rem 0.8rem 1.2rem;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #ddd;
    font-size: var(--base-font-size);
}

.kta-list:last-of-type {
    border-bottom: 0;
}

.kta-list > .rating-list-label {
    vertical-align: top;
}

.kta-list-item {
    padding: 0;
}

#recent-ktas .kta-list-item {
    background: var(--table-background-color);
    padding: 0 1rem;
}

#recent-ktas .kta-list-item:nth-of-type(odd) {
    background: var(--table-background-color-alternate);
}

.kta-list-item > .rating-list-image {
    padding: 0.8rem .4rem;
    vertical-align: middle;
}

.kta-list-item .rating-list-label {
    vertical-align: top;
    margin-top: 0.8rem;
    /*padding: .2rem 0;*/
    line-height: 120%;
    white-space: normal;
    opacity: 0.8;
}

.kta-list-item .kta {
    height: 3.2rem;
    width: 1.2rem;
    margin-right: 0;
    transform: none;
}

.kta-associations {
    color: #999;
    margin-top: 0.8rem;
    margin-left: 2rem;
    margin-bottom: 0.6rem;
    font-size: var(--base-font-size);
}

.kta-association:last-of-type {
    border-radius: 0 0 2px 2px;
}

.kta-associations h4,
.company-report-list-items h4,
.company-report-list-content h4 {
    padding: 0.4rem 0.6rem;
    font-size: var(--base-font-size);
    color: #fff;
    font-family: var(--heading-font-stack);
    background: var(--discover-background-blue);
    opacity: .9;
}

.kta-associations-list {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 2px;
}

.kta-association .rating-list-image {
    margin-right: 4px;
    margin-top: .3rem;
    vertical-align: top;
}

.takeaway-content {
    overflow: hidden scroll;
    height: calc(100% - 4rem);
}

.takeaway-content .company-link .ticker {
    margin-left: .6rem;
    color: #ddd;
    opacity: 0.6;
    transition: 0.3s ease-in-out color;
}

.takeaway-content .company-link:hover .ticker {
    color: #fff;
    transition: 0.3s ease-in-out color;
}

.takeaway-column {
    /*cursor: default;*/
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.listTable tr.selected,
.ReportList tr.selected,
.listTable tr.selected:hover,
.ReportList tr.selected:hover {
    background: var(--selected-row-color) !important;
}

/*.div-Content-Company h3,
.div-Content-Compare h3 {
    border-bottom: 0;
}*/

.div-Content-Company table {
    width: 100%;
}

.div-Content-Company table td {
    padding: 0.6rem;
    text-align: left;
    vertical-align: middle;
    font-weight: 400;
}

.question-list {
    padding: .8rem;
}

.question-list-item, 
.kta-association {
    padding: 0.2rem 1rem;
    background: var(--table-background-color);
    break-inside: avoid-column;
}

.question-list-item:nth-of-type(odd),
.kta-association:nth-of-type(odd) {
    background: var(--table-background-color-alternate);
}

.question-list-item > .rating-list-image {
    margin-right: 4px;
}

/* TOOLTIPS */
.research-center > .ui-autocomplete {
    max-height: 40rem;
    /*overflow-y: auto;
    overflow-x: hidden;*/
    -webkit-box-shadow: 0 0 1rem rgba(0,0,0,0.3);
    box-shadow: 0 0 1rem rgba(0,0,0,0.3);
    z-index: 1001 !important;
}

.research-center .ui-tooltip {
    max-width: 40rem;
}

.research-center .ui-tooltip, .research-center .arrow:after {
    background: var(--tooltip-color);
}

.research-center .ui-tooltip, .ui-tooltip.ui-widget-content {
    /*padding: .8rem 1rem;*/
    padding: .6rem .8rem;
    border-radius: 4px;
    border: .2rem solid var(--tooltip-color) !important;
    color: #fff;
    font-size: calc(var(--base-font-size) - .1rem);
    font-weight: bold;
    opacity: 0.9;
    -webkit-box-shadow: 0 0 1rem rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 1rem rgba(0,0,0,0.5);
    box-shadow: 0 0 1rem rgba(0,0,0,0.5);
}

.research-center .ui-tooltip-content {
    opacity: 1;
    font-family: var(--url-font-stack);
    font-weight: 500;
}

.ui-menu .ui-menu-item a {
    font-family: var(--url-font-stack);
    font-weight: 500 !important;
}

.research-center .arrow {
    width: 7rem;
    height: 1.6rem;
    overflow: hidden;
    position: absolute;
    left: 90%;
    margin-left: -3.5rem;
    bottom: -1.6rem;
}

.research-center .arrow.top {
    top: -1.6rem;
    bottom: auto;
}

.research-center .arrow.left {
    left: 20%;
}

.research-center .arrow:after {
    content: "";
    position: absolute;
    left: 2rem;
    top: -2rem;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.research-center .arrow.top:after {
    bottom: -2rem;
    top: auto;
}

.scroll-top {
    display: none;
    position: fixed;
    bottom: 6rem;
    right: 3rem;
    padding: 0.8rem;
    text-align: center;
    width: 4rem;
    height: 4rem;
    color: #fff;
    background: #222;
    font-weight: bold;
    font-size: calc(var(--base-font-size) + 0.4rem);
    box-shadow: 0 0 4px #0009;
    border-radius: 8px;
    user-select: none;
    cursor: pointer;
    z-index: 1000;
}
/* END TOOLTIPS */
/* MOCKUPS - REMOVE WHEN DONE */
.compare-search-wrapper #div-Container {
    margin: 0;
    max-width: unset;
}

.compare-search-wrapper #div-Content {
    width: 100%;
    padding: 0;
    max-width: unset;
}

.compare-search {
    min-width: 25rem;
    max-width: 25rem;
    /*background: #fff;*/
    color: #000;
}

.compare-search-wrapper #div-Content h3 {
    border-radius: 0;
    border-bottom: 0;
}

.compare-search-wrapper .content-section {
    /*max-width: var(--content-max-width);*/
    /*border-top-left-radius: 0;
    border-top-right-radius: 0;*/
    /*border-top: 0;*/
    /*margin-top: 2rem;*/
}

.compare-search h3,
.compare-search h4 {
    color: var(--header-text-color);
    background: var(--discover-background-blue);
    border-radius: 0;
    text-shadow: none;
    border-bottom: 0;
    text-align: center;
}

.compare-search h4 {
    font-size: calc(var(--base-font-size) + .1rem);
    padding: 1.2rem 1.4rem;
    text-align: left;
}

.compare-search-wrapper {
    display: flex;
}

.compare-search-params {
    /*padding: 1rem 2rem 1.6rem 2rem;*/
    padding: 0;
    position: sticky;
    top: 8.5rem;
}

.compare-search select {
    width: 20rem;
}

.compare-search-switch:not(.selected) {
    opacity: 1;
    color: #666;
    transition: 0.2s ease-in-out all;
}

.compare-search-switch:not(.selected):hover {
    cursor: pointer;
    opacity: 0.8;
    transition: 0.2s ease-in-out all;
}

.compare-search-switch.selected {
    opacity: 1 !important;
    font-weight: bold;
    color: var(--bia-blue);
    transition: 0.2s ease-in-out all;
}

#compare-search-company-industry {
    display: flex;
    justify-content: space-between;
}

#a-Compare-Update {
    margin-top: 1rem;
}

.compare-hr {
    height: 50rem;
    border: 0;
}
/* END COMPARE */
/* TAGS */
.tag {
    font-family: var(--heading-font-stack);
    background: var(--tag-background-color);
    border: 1px solid var(--tag-border-color);
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 0.6rem;
    margin-right: 0.2rem;
    white-space: nowrap;
    opacity: 0.9;
    transition: 0.3s all ease-in-out;
    box-shadow: 1px 2px 1px 0 hsl(0deg 0% 40% / 30%);
}

.tag:hover {
    background: var(--tag-background-hover-color);
    border: 1px solid var(--tag-border-color);
    opacity: 1;
    transition: 0.3s all ease-in-out;
}

.tag > a {
    padding: 0.2rem 1rem;
    color: #000;
    display: inline-block;
    text-align: center;
    width: 100%;
    text-shadow: 1px 1px 2px #0003;
}

.tag > a:hover {
    color: #333;
}

.empty-container {
    padding: 1.4rem;
}

.tag-container {
    padding: 2rem 1rem 0.2rem 1.8rem;
}

.tag-flex .company-report-list-items {
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;
    border-top: 0;
    box-shadow: none;
}

.tag-flex {
    break-inside: avoid;
}

.tag-flex:first-of-type {
    border-top: 0;
}

.tag-flex:last-of-type {
    border-bottom: 0;
    padding-bottom: 1rem;
}

.select2-results__group:not(.group-collapsed)::after {
    content: ' [-]';
}

.select2-results__group.group-collapsed::after {
    content: ' [+]';
}

.page-header {
    color: #333;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    font-weight: bold;
    font-family: var(--heading-font-stack);
    font-size: calc(var(--base-font-size) + 1rem);
    color: #fff;
    z-index: 50;
    position: sticky;
    top: 8.5rem;
    box-shadow: var(--raised-box-shadow) !important;
    margin: 0;
    /*background: var(--discover-background-blue);*/
    background: var(--bia-blue-dark) url(../Images/bia_headers-Homepage-v4.jpg)
}

.page-header-inner {
    padding: 0 !important;
}

.page-header-title {
    max-width: var(--content-max-width);
    width: 100%;
    margin: 0 auto;
    padding: 1.2rem 3rem;
}

.company-tag-list {
    column-count: 1;
    column-gap: 0;
    column-rule: 1px solid #ddd;
}

.tag-item-search {
    font-size: calc(var(--base-font-size) - .1rem);
}

.tag-item-search a {
    color: var(--bia-red);
    font-weight: normal;
}

.tag-item-search a:hover {
    color: var(--bia-red-light);
}

.search-param .collapsible svg .svg-icon {
    stroke: #000 !important;
}

#full-tag-list {
    overflow-y: scroll !important;
    max-height: 30rem;
    width: 100%;
}

.search-param.tag-list > label {
    padding-bottom: 1rem;
    position: relative;
}

.search-param.tag-list > label svg {
    position: absolute;
    top: 8rem;
    right: 0;
}

.tag-list-items {
    /*padding: 0.6rem 0 0 1.4rem;*/
    margin: 0 1rem 0 2.4rem;
}

.tag-list-items > .company-report-list-content {
    margin-top: 0;
    border-bottom: 0;
    box-shadow: 2px 2px 4px 0 hsl(0deg 0% 90%);
}

.split-view {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: calc(70% - 1rem) calc(30% - 1rem);
}

.split-view > .content-section {
    margin: 0;
}

/* END TAGS */
/* RESPONSIVE RULES */
@media (max-width: 1500px) {
    td.question-ratings .question-rating-pct {
        color: transparent;
        text-shadow: none;
        transition: 0.2s ease-in-out color, text-shadow;
    }
}

@media (max-width: 1000px) {
    html {
        /*font-size: 50%;*/
    }
    
    th {
        white-space: normal;
    }

    .split-view {
        display: block !important;
    }

    .split-view > .content-section {
        margin-bottom: 3rem !important;
    }

    #recent-tags .company-tag-list {
        column-count: 2;
        column-gap: 2rem;
    }

    .scroll-top {
        bottom: 7rem;
    }
}

@media (max-width: 820px) {
    html {
        font-size: 50%;
    }

    ul#Menu li a {
        padding: 1rem 1.4rem;
    }

    #div-Content-CompanySearch {
        margin: 1.2rem 1rem;
    }

    #div-Content, #div-Content-Exception {
        padding: 0;
    }

    .recent-report {
        border-radius: 0;
    }

    .compare-search-wrapper {
        display: block;
    }

    .compare-search {
        display: none;
        width: 100%;
        max-width: 100% !important;
        background: var(--background-color);
    }

    .compare-search-wrapper.searchShown .compare-search {
        display: block !important;
    }

    .compare-search-wrapper.searchShown #div-Content {
        display: none;
    }

    .search-toggle.searchShown .show-search {
        display: none;
    }

    .search-toggle .hide-search {
        display: none;
    }
    
    .search-toggle.searchShown .hide-search {
        display: block !important;
    }

    .search-param-container {
        max-height: calc(100vh - 28rem);
    }

    .search-toggle {
        top: 67px;
        display: block;
    }
}

@media (max-width: 700px) {
    table .question-rating-pct {
        color: transparent;
        text-shadow: none;
        transition: 0.2s ease-in-out color, text-shadow;
    }

    .company-report-list-questions {
        column-count: 1;
    }

    #recent-tags .company-tag-list {
        column-count: 1;
    }
}

@media (max-width: 598px) {
    /*#div-Header-Top-Content {
        display: block;
    }*/

    ul#Menu {
        order: 3;
    }

    #div-Header {
        font-size: calc(var(--base-font-size) - 0.4rem);
    }

    #Header-Top-Logout {
        margin: 0;
    }

    #div-Footer {
        font-size: calc(var(--base-font-size) - .3rem)
    }

    .page-header {
        font-size: calc(var(--base-font-size) + 0.6rem);
    }

    .search-toggle,
    .page-header {
        top: 97px;
    }
    
    #span-Header-Top-Right {
        top: 0;
    }

    .search-param-container {
        max-height: calc(100vh - 30rem);
    }

    .scroll-top {
        bottom: 10rem;
    }

    .date {
        font-size: calc(var(--base-font-size) - 0.2rem);
    }

    td .report-rating-text {
        font-size: calc(var(--base-font-size) - 0.3rem);
    }

    th {
        padding: 0.4rem;
    }

    table.listTable td, table.ReportList td {
        padding: 0.2rem;
    }

    .modal-content {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    #div-Content-ContactUs-Text, 
    #div-Content-TermsOfUse #div-Content-TermsOfUse-Text, 
    #div-Content-RatingsGuide-Text {
        width: 100%;
        height: 89vh;
        max-height: unset;
    }
}

@media (max-width: 375px) {
    .title a, .company-link {
        font-size: var(--base-font-size);
    }

    th {
        font-size: calc(var(--base-font-size) - 0.3rem);
    }

    input#tbSymbolLookup {
        width: 12rem !important;
    }
}

/* END RESPONSIVE RULES */

/*
    WARNING: This file was modified with BIA's theme. Do not replace unless theme change intended.
*/
/* VARIABLES */
/* END VARIABLES */
/* USER VARIABLES */
/* END USER VARIABLES */
/* MIXINS */
/* END MIXINS */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  font-family: var(--default-font-stack);
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    /*height: 32px;*/
    user-select: none;
    -webkit-user-select: none;
    text-align: left;
    white-space: nowrap;
    color: #333;
    background: hsl(0deg 0% 100%);
    border: 0.1rem solid hsl(0deg 0% 90%);
    border: 1px solid #ddd;
    outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__rendered:empty::before {
  content: "(None)";
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
  transition: none;
}
.select2-container .select2-selection--multiple:hover {
  background: var(--input-background-hover);
  box-shadow: 0 0 2px #6662;
  /*transition: 0.2s border ease, 0.2s background-color ease;*/
}
.select2-container .select2-selection--multiple:focus {
  border: 2px solid var(--bia-blue);
  /*background: var(--input-background-hover);*/
  box-shadow: 0 0 2px #6662;
  /*transition: 0.2s border ease, 0.2s background-color ease;*/
}

.select2-container .select2-selection--multiple:focus {
  border: 2px solid var(--bia-blue) !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    /*display: inline-block;*/
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  /*margin-top: 5px;*/
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
    background-color: hsl(0deg 0% 100% / 0.95);
    border: 1px solid hsl(0deg 0% 82% / 0.9);
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    /*transition: background-color .15s ease-in-out;*/
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.95em;
}
.select2-results__option {
  user-select: none;
  -webkit-user-select: none;
  padding: 0.5em 0.8em;
  position: relative;
  color: #111;
  white-space: nowrap;
  border-bottom: 1px solid hsl(0deg 0% 82% / 0.9);
  /*transition: 0.2s ease-in-out all;*/
}
.select2-results__option:empty::before {
  content: "(None)";
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 2px solid hsl(0deg 0% 90%);
  border-radius: 2px;
}
.select2-container--default .select2-selection--single:hover {
    background: var(--input-background-hover);
    box-shadow: 0 0 2px #6662;
    /*transition: 0.2s ease-in-out background, border, box-shadow;*/
}
.select2-container--default .select2-selection--single:focus {
    /*background: var(--input-background-hover);*/
    text-shadow: none;
    border: 2px solid var(--bia-blue);
    box-shadow: 0 0 2px #6662;
    /*transition: 0.2s ease-in-out background, border, box-shadow;*/
}
.select2-container--default .select2-selection--single:active {
  /*background: #666;*/
  color: #333 !important;
  /*border: 1px solid #9f001f !important;*/
}
.select2-container--default .select2-selection--single:active .select2-selection__rendered {
  /*color: #efefef !important;*/
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #333;
  padding: 0.8rem;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  top: 0;
  right: 1px;
  width: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default.select2-container--open .select2-selection--single:active .select2-selection__arrow b {
  border-color: transparent transparent #666 transparent;
}
.select2-container--default .select2-selection--multiple {
  background: hsl(0deg 0% 100%);
  border: 2px solid hsl(0deg 0% 90%);
  border-radius: 2px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: .8rem;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--tag-background-color);
  border: 1px solid var(--tag-border-color);
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0.2rem .6rem;
  box-shadow: 1px 2px 1px 0 hsl(0deg 0% 40% / 30%);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 4px;
  transform: scale(1.5);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 2px solid var(--bia-blue);
  background: #fff;
  outline: 0;
  min-height: 33px;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  /*.gradientHorizontal(rgba(0,0,0,1), @SemiTransparentBlack, 0%);

    &:hover, &:focus, &:active {
        border: 1px solid @Gray !important;
    }*/
}
/*.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
    color: @VeryLightGray;
}*/
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #555;
  background: #333;
  color: #efefef;
  outline: none;
  border-radius: 2px;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 0 1rem rgb(0 0 0 / 30%);
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
  border-bottom: 0 !important;
}
.select2-container--default .select2-results__option .select2-results__option:last-of-type {
    border-bottom: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: var(--bia-blue) !important;
    color: #fff;
    border-bottom: 1px solid var(--bia-blue-dark);
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--bia-blue);
  font-weight: normal;
  color: #fff;
  /*transition: all 0.1s ease ;*/
}
.select2-container--default .select2-results__group {
    font-size: 1em;
    font-family: var(--heading-font-stack);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    padding: 1rem 1rem 0.5rem 1rem;
    margin: 0;
    text-align: center;
    height: auto;
    background: var(--bia-blue-verydark);
    border-bottom: 1px solid hsl(0deg 0% 82% / 0.9);
    /* color: #de264a; */
    color: #fff;
    cursor: pointer;
    display: block;
}
.select2-results__group:hover {
    background: var(--bia-blue);
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 2px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 2px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 2px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--open .select2-selection--multiple {
    border: 2px solid var(--bia-blue) !important;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}