/*     --brand-ip-pri-light-grey:#494B59;ORIG  */
/*  --brand-ip-pri-light-grey:#484B59; THIS ONE FIXES IT*/

:root {
	--brand-ip-pri-grey:#494B59;
	--brand-ip-pri-purple:#4F5D7E;
	--brand-ip-pri-blue:#84A2C3;
	--brand-ip-pri-light-purple:#9692CE;
     --brand-ip-pri-light-grey:#494B59; 

	
	--brand-ip-main-bg:#F5F5F5;
	
	--brand-ip-sec-light-purple:#BD89C9;
	--brand-ip-sec-light-purple-50pc:#DEC3E4;
	
	--brand-ip-sec-light-green:#59D9D4;
	--brand-ip-sec-light-green-50pc:#B5ECE9;

	--brand-ip-sec-dark-purple:#6B7CB7;
	--brand-ip-sec-dark-purple-50pc:#B4BADA;

	--brand-ip-sec-grey:#B5B8B6;
	--brand-ip-sec-grey-50pc:#D9DBD8;

	--brand-ip-sec-red:#D6515C;
	--brand-ip-sec-red-50pc:#F4AAAB;

	--brand-ip-sec-yellow:#FFE05C;
	--brand-ip-sec-yellow-50pc:#FDEFB0;

	--brand-ip-sec-green:#98D78A;
	--brand-ip-sec-green-50pc:#CDEBC5;

	--brand-ip-sec-blue:#72C3D7;
	--brand-ip-sec-blue-50pc:#BBDFEB;

	--brand-ip-sec-orange:#FFAD48;
	--brand-ip-sec-orange-50pc:#FFD5A3;

	--brand-ip-sec-pink:#F79FB1;
	--brand-ip-sec-pink-50pc:#F9D0D8;
}

@font-face {
  font-family: 'intro_cond';
  src: url('/fonts/intro-cond/fontfabric_-_intro_cond_bold-webfont.woff2') format('woff2'), url('/fonts/intro-cond/fontfabric_-_intro_cond_bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'intro_cond';
  src: url('/fonts/intro-cond/fontfabric_-_intro_cond_semibold-webfont.woff2') format('woff2'), url('/fonts/intro-cond/fontfabric_-_intro_cond_semibold-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'intro';
  src: url('/fonts/intro/fontfabric_-_intro_light-webfont.woff2') format('woff2'), url('/fonts/intro/fontfabric_-_intro_light-webfont.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'intro';
  src: url('/fonts/intro/fontfabric_-_intro_regular_alt-webfont.woff2') format('woff2'), url('/fonts/intro/fontfabric_-_intro_regular_alt-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'intro';
  src: url('/fonts/intro/fontfabric_-_intro_regular_italic-webfont.woff2') format('woff2'), url('/fonts/intro/fontfabric_-_intro_regular_italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'intro';
  src: url('/fonts/intro/fontfabric_-_intro_regular-webfont.woff2') format('woff2'), url('/fonts/intro/fontfabric_-_intro_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'intro';
  src: url('/fonts/intro/fontfabric_-_intro_semibold-webfont.woff2') format('woff2'), url('/fonts/intro/fontfabric_-_intro_semibold-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'intro';
  src: url('/fonts/intro/fontfabric_-_introsemiboldalt-webfont.woff2') format('woff2'), url('/fonts/intro/fontfabric_-_introsemiboldalt-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}


html body {
	 background-color: var(--brand-ip-main-bg);
	 font-family:  'intro', Verdana, sans-serif;
	 font-size:14px;
}

video {
max-width: 100%;
    height: auto;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

/* headings */

h1 {
    margin: 1.2em 0 0.4em;
    line-height: 1.2em;
}

h1, h2 {
    font-weight: 700;
    font-family: 'intro_cond', Verdana, sans-serif;
    letter-spacing: 0.38em;
    color: var(--brand-ip-pri-light-grey);
	text-transform:uppercase;
}

h3:not(.popover-header, .pic-list-heading) {
    letter-spacing: 0.38em;
}

h3, h4, h5 {
    font-weight: 700;
    font-family: 'intro_cond', Verdana, sans-serif;
    color: var(--brand-ip-pri-light-grey);
}

h4.semi {
    font-weight: 700;
    font-family: 'intro_semibold', Verdana, sans-serif;
    color: var(--brand-ip-pri-light-grey);
}

.ip-main-heading {
    font-family: 'intro_cond', Verdana, sans-serif;
    font-weight: bold;
    font-size: 18px;
    /*letter-spacing: 0.35em;*/
	text-transform: uppercase;
}

.slide img {
position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 100%;
    max-width: 95%;
    width: auto;
    margin: 0 auto;
}


.form-control {
	background-color: #fff;
}

.login-title {
    font-family: 'intro_cond', Verdana, sans-serif;
    font-weight: 700;
    margin: 1.2em 0 0.4em;
    line-height: 1.2em;
    letter-spacing: 0.38em;
	font-size:61px;
}

.login-title-sm {
    font-size: .4em;
    letter-spacing: 0.5em;
    line-height: 1em;
}

.font-ip {
	font-family: 'intro', Verdana, sans-serif;
}

.navbar-ip {
	    background-color: var(--brand-ip-pri-light-grey);
		color:var(--brand-ip-main-bg);
    }

.navbar {
        padding-top: 0!important;
        padding-bottom: 0!important;
}

.navbar-ip .active {
	background-color: var(--brand-ip-pri-light-purple);
}

/* LG remove if nav issues */
.nav-link {
	display:inline;
	padding: 0.6rem 1rem;
}

.btn .bg-primary {
	background:var(--brand-ip-pri-light-purple);	
}

/* BACKGROUNDS */

.bg-primary {
    background-color:var(--brand-ip-sec-dark-purple) !important;;

}


.bg-ip-primary {
    background-color:var(--brand-ip-sec-dark-purple);
}

.bg-ip-secondary {
            background-color:var(--brand-ip-sec-grey);
}

.bg-ip-success {
    background-color: var(--brand-ip-sec-green);
}

.bg-ip-danger {
    background-color: var(--brand-ip-sec-red);
}

.bg-ip-warning {
    background-color: var(--brand-ip-sec-orange);
}

.bg-ip-info {
    background-color: var(--brand-ip-sec-blue);
}


/* BUTTONS */

.btn-primary {
    background-color: var(--brand-ip-pri-purple);
    border-color: var(--brand-ip-pri-purple);
}

.bg-brand-ip-2 {
    background-color: var(--brand-color-2);
    background: var(--brand-color-2);
}

.btn-ip-primary {
	background-color: var(--brand-ip-sec-dark-purple);
	border-color: var(--brand-ip-sec-dark-purple);
}

.btn-ip-primary-50pc {
    background-color: var(--brand-ip-sec-dark-purple-50pc);
    border-color: var(--brand-ip-sec-dark-purple-50pc);
}


.btn-ip-secondary {
	background-color: var(--brand-ip-pri-light-grey);
	border-color: var(--brand-ip-pri-light-grey);
	color: white;
}

.btn-ip-secondary[disabled] {
	background-color: var(--brand-ip-sec-grey);
	border-color: var(--brand-ip-sec-grey);
	
}

.btn-ip-secondary:hover {
    background-color: var(--brand-ip-pri-light-purple);
    border-color: var(--brand-ip-pri-light-purple);
    color: white;
}


.btn-ip-success {
	background-color: var(--brand-ip-sec-green);
	border-color: var(--brand-ip-sec-green);
}

.btn-ip-success-50pc {
    background-color: var(--brand-ip-sec-green-50pc);
    border-color: var(--brand-ip-sec-green-50pc);
}


.btn-ip-danger {
	background-color: var(--brand-ip-sec-red);
	border-color: var(--brand-ip-sec-red);
	color: white;
}

.btn-ip-warning {
	background-color: var(--brand-ip-sec-orange);
	border-color: var(--brand-ip-sec-orange);
}

.btn-ip-warning:hover {
    background-color: var(--brand-ip-sec-orange-50pc);
    border-color: var(--brand-ip-sec-orange);
}

.btn-ip-info {
	background-color: var(--brand-ip-sec-blue);
	border-color: var(--brand-ip-sec-blue);
}

.btn-ip-info:hover {
    background-color: var(--brand-ip-sec-blue-50pc);
    border-color: var(--brand-ip-sec-blue);
}


/* OVERRIDESW FOR LOGIN TO MATCH WEBSITE */
.btn-ip-login {
	font-size:14px;
	font-family: 'intro_cond', Verdana, sans-serif;
	letter-spacing: 0.2em;
    transition: all 0.4s;
	border:none;
    border-radius: 0rem;

}

/* ALERTS */

.alert-ip-primary {
	background-color:var(--brand-ip-sec-dark-purple-50pc);
}

.alert-ip-secondary {
	        background-color:var(--brand-ip-sec-grey-50pc);
}

.alert-ip-success {
	background-color: var(--brand-ip-sec-green-50pc);
}

.alert-ip-danger {
	background-color: var(--brand-ip-sec-red-50pc);
}

.alert-ip-warning {
	background-color: var(--brand-ip-sec-orange-50pc);
}

.alert-ip-info {
	background-color: var(--brand-ip-sec-blue-50pc);
}

.alert-ip-info-full {
    background-color: var(--brand-ip-sec-blue);
}

.alert-ip-messages {
	background-color: var(--brand-ip-pri-light-purple);
	color:white;
}
/* form */

.ip-form-check-input:checked {
    background-color: var(--brand-ip-pri-blue);
    border-color: var(--brand-ip-pri-blue);
}

.form-control-no-border {
	border:none;
}

ul.portal-form-error {
	list-style-type: none;
	padding-left: 2px;
	color: var(--brand-ip-sec-red);
}

/* H1 and typography */

.h1-alt {
	color: var(--brand-ip-pri-light-purple);
}

.heading-title {
	color: var(--brand-ip-main-bg) ;
    font-size: 14px;
    font-family: 'intro_cond', Verdana, sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    text-decoration: none;
}

.heading-lp {
	color: var(--brand-ip-pri-light-purple);
}


/* img */

.img-mfa {
	margin-bottom:6px;
}

/* links */

.link-ip-header {
    text-decoration:none;
    color: var(--brand-ip-main-bg);
}

.link-ip-header:hover,
.link-ip-header:active,
.link-ip-header:visited,
.link-ip-header:focus {
	color:var(--brand-ip-sec-grey-50pc);
}

.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active	{
	background-color:#e9ecef;
	color: #212529;
}

.header-user {
	font-size:20px;
}

.demo {
	color: var(--brand-ip-sec-blue-50pc);
}

.link-ip-primary {
	text-decoration:none;
	color: var(--brand-ip-pri-blue);
}

.link-ip-primary:hover {
    color: var(--brand-ip-pri-purple);
}


/* TABLE */

.table-ip-info-old {
    --bs-table-bg: var(--brand-ip-sec-blue);
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3;
}

.table-ip-cases {
	background-color:white;
}

.table td.td-white {
	background-color:white;
}

.table td.td-lgrey {
	background-color:var(--brand-ip-sec-grey-50pc);
}

.table td.td-total {
	padding: 0.2rem 0.2rem;
}

.table-ip-danger {
	    background-color: var(--brand-ip-sec-red-50pc) !important;
}

.table-ip-success {
        background-color: var(--brand-ip-sec-green-50pc) !important;
}


.table-ip-warning {
        background-color: var(--brand-ip-sec-yellow-50pc) !important;
}



/* DASH */
li.dash {
}

li.dash>a {
}

.card-body {
}


.ip-dash-report2 {
	color:var(--brand-ip-sec-orange);
}

.ip-dash-report {
	color:var(--brand-ip-pri-purple);
}


/* FOOTER */
.ipfooter {
  position: relative;
  margin-top: -150px; /* negative value of footer height */
  height: 150px;
  clear:both;
  padding-top:20px;
}

.ipfooter-links {
line-height: 1;
    font-size: 9px;
    position: relative;
    letter-spacing: 0.1em;
	text-decoration:none;
	color: #6c757d;
}

a.ipfooter-links:hover: {
	text-decoration:underline;
}

.hand:hover {
  cursor:pointer;
}

/* cards */

.ip-card-primary {
	background-color: var(--brand-ip-pri-light-purple);
}

.ip-card-header-primary {
    background-color: var(--brand-ip-pri-light-purple);
}

.ip-bg-primary {
    background-color: var(--brand-ip-pri-light-purple);
}





/* LG Colors for security types */
.label-cusip {
  background-color: var(--brand-ip-sec-blue);
  font-size:12px;
}

.label-isin {
  background-color: var(--brand-ip-sec-orange);
  font-size:12px;
}

.label-sedol {
  background-color: var(--brand-ip-sec-green);
  font-size:12px;
}

.label-ticker {
  background-color: var(--brand-ip-sec-yellow);
  font-size:12px;
}

.label-unknown {
  background-color: var(--brand-ip-sec-red);;
  font-size:12px;
}

.label-name {
  background-color: var(--brand-ip-sec-red);
  font-size:12px;
}

.datepicker, .dropdown-menu {
	font-size: 0.9rem;
}

/* LG Pagination */
.page-item.active .page-link {
    color: #fff;
    background-color: var(--brand-ip-pri-light-purple);
    border-color: var(--brand-ip-pri-light-purple);
}

.page-link {
    color: var(--brand-ip-pri-light-purple);
}

/* May not need these, the shape things the main site has */
	.yshape-rectangular {
    background-repeat: no-repeat;
    background-position: bottom center;
    display: block;
    width: 36px;
    height: 76px;
    background-color: #4F5D7E;
    background-size: 36px 76px;
	}

	.yshape-square {
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #84A2C3;
    background-size: 40px 40px;
}

.opacity-100 {
	opacity: 1;
}

hr {
	color: var(--brand-ip-pri-light-grey);
}

.vip-spinner {
	width: 5rem;
	height: 5rem;
}

.aaa {
	width:200;
	height: 200;
}


.reporting-data-legend-t {
	background-color: var(--brand-ip-pri-purple);

}

.reporting-data-legend-h {
    background-color: var(--brand-ip-pri-light-purple);
}

.comment-none {
	color: var(--brand-ip-sec-grey-50pc);
	font-size:1.4rem;
}
.comment-full {
	color: var(--brand-ip-sec-green);
	font-size:1.4rem;
}

.comment {
	padding: 0px;
	margin: 0px;
}

.comment:active,
.comment:focus,
.comment:hover,
.comment:visited,
.comment.active
	{
	border: 0;
	outline: none;
	border-color:white;
}

.comment-popover .popover-header{
        background-color: var(--brand-ip-pri-light-grey);
        color:var(--brand-ip-main-bg);
     font-family:  'intro', Verdana, sans-serif;
     font-size:14px;
}

.bg-vip-green {
	background-color: #57d8d2  !important;
}

.bg-vip-green2 {
	background-color: #99d58d !important;
}


.bg-vip-yellow {
	background-color: #ffdf67 !important;
}

.bg-vip-purple {
	background-color: #6d7db3 !important;
}

.bg-vip-orange {
	background-color: #fdab5b !important;
}

.bg-vip-pink {
	background-color: #b98cc5 !important;
}

.bg-vip-grey {
	background-color: #b1b7b6 !important;
}

.bg-vip-blue {
	background-color: #74c2d4 !important;
}

.vip-height-54 {
	height:54px !important;
	min-height:54px !important;
}

.vip-height-42 {
    height:42px !important;
    min-height:42px !important;
}

.vip-height-63 {
    height:63px !important;
    min-height:63px !important;
}

.vip-height-69 {
    height:69px !important;
    min-height:69px !important;
}

.vip-height-81 {
    height:81px !important;
    min-height:81px !important;
}

.vip-height-57 {
    height:57px !important;
    min-height:57px !important;
}