.SWBSS {
	background-color: #00b0c9 !important;
}

.SMBSS {
	background-color: #00b0c9 !important;
}

.TRBSS {
	background-color: #d0292a !important;
}

.SUPBSS {
	background-color: #fdc200 !important;
}

.CHBSS {
	background-color: #205296 !important;
}

.DINBSS {
	background-color: #8a1e2d !important;
}

.WINBSS {
	background-color: #dc197e !important;
}

.IPBSS {
	background-color: #5b5a5a !important;
}

.RETAILBSS {
	background-color: #79bb4d !important;
}

.OFFBSS {
	background-color: #f59e00 !important;
}

.MANUBSS {
	background-color: #27674b !important;
}

.ITBSS {
	background-color: #3e87c8 !important;
}

.HOTBSS {
	background-color: #702b86 !important;
}

.TRABSS {
	background-color: #8d431c !important;
}

.FMBSS {
	background-color: #0f8f38 !important;
}

.SWBSSbg {
	background-color: #d5e3ee !important;
}

.SMBSSbg {
	background-color: #d5e3ee !important;
}

.TRBSSbg {
	background-color: #e9c1c2 !important;
}

.SUPBSSbg {
	background-color: #fef2c1 !important;
}

.CHBSSbg {
	background-color: #9bb2d1 !important;
}

.DINBSSbg {
	background-color: #e7aeb4 !important;
}

.WINBSSbg {
	background-color: #f6c7de !important;
}

.IPBSSbg {
	background-color: #d4d4d4 !important;
}

.RETAILBSSbg {
	background-color: #c8e1b7 !important;
}

.OFFBSSbg {
	background-color: #f5cb97 !important;
}

.MANUBSSbg {
	background-color: #9ac4ae !important;
}

.ITBSSbg {
	background-color: #a5c5e2 !important;
}

.HOTBSSbg {
	background-color: #d2b3dd !important;
}

.TRABSSbg {
	background-color: #dab8a5 !important;
}

.FMBSSbg {
	background-color: #b0d8bd !important;
}

body {
	margin: 0;
	font-family: arial; 
}

.mobProfileIcon {
	mix-blend-mode: difference;
}

.linkComingSoon {
	opacity: 0.4;
}

#center { 
position: relative; 
width: 100%; 
}

.accountStatusDesktop {
	position: absolute; 
	top: 20px; 
	right: 2%;
	background-color: white;
	border: 1px solid black;
	padding: 5px;
	display: none;
	margin: 0px;
}

.accountStatusMob {
	padding-left: 25px;
	color: white;
	font-size: 12px;
}

.sticky {
  position: fixed !important;
  top: 0 !important;
}

.navbar-mobile {
	background-color: white;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 9998;
	padding: 5px;
}

.hamburg-btn {
	font-size: 33px; 
	cursor: pointer; 
	width: 50px; 
	height: 50px; 
	text-align: center;
	z-index: 1111;
}

/* Desktop Navbar Stuff */
.desktopNavbar {
	z-index: 10;
	display: none;
	position: fixed;
}

ul.desktopNavbar {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 65px;
	background-color: #d1262a;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	top: 0;
}

li a {
	display: block;
	color: #fff !important;
	padding: 8px 17px;
	text-decoration: none;
	font-size: xx-large;
}

li a.active {
	background-color: #ffffff75;
	border-right: 6px solid white;
}

li a:hover:not(.active) {
	background-color: #555;
}

#navbarAccountMobile {
	font-size: 30px;
	margin-right: 8px;
	text-decoration: none;
	color: black;
}

.li-icon-1 {
	margin-top: 100%;
}

.li-icon-2, .li-icon-3, .li-icon-4, .li-icon-5 {
	margin-top: 25px;
}

.li-icon-6 {
	position: absolute;
    bottom: 0;
}

.logo-mobile {
	display: flex; 
	float: left; 
	align-items: center;
	justify-content: center;
}

.logo {
	display: flex; 
	float: left; 
	align-items: center;
	top: 15px;
	left: 255;
}

.logoPic {
	width: 120px; 
	padding: 0px 0px 0px 0px;
}

.logoLabel {
	display: inline;
	font-weight: 100;
	color: #464646;
	margin: 0px 0px 0px 15px;
}

.sidenav {
	height: 100%;
	position: fixed;
	left: 0;
	width: 0;
	background-color: #00b0c9;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	top: 0;
	right: 25px;
	font-size: 36px;
	z-index: 9999;
	white-space: nowrap;
}

.sidenav a {
	padding: 8px 8px 8px 25px;
	text-decoration: none;
	font-size: 0.47em;
	color: white;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover {
	color: black;
}

.background-cover {
	background-color: #00000055;
	height: 105%;
	position: fixed;
	z-index: 9998;
	margin-top: -25px;
}

.closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

.speech { 
	border-radius: 30px; 
	background-color: white; 
	border: 0px; 
	padding: 20px; 
}

.continueBtn { 
	border: 4px solid red; 
	background-color: white; 
	float: right; 
	border-radius: 30px; 
	height: 40px; 
	width: 170px; 
	font-size: larger; 
	font-weight: 600; 
}

.continueBtn:Hover { 
	background-color: red; 
	color: white; 
	cursor: pointer; 
}

.tutorialPanels { 
	display: flex; 
	justify-content: center; 
	margin-top: 20% !important; 
	margin: 0; 
	width: 100%; 
	position: absolute; 
	top: 50%; 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
}

.panelText { 
	font-size: larger; 
}

.navbarIcons-small { 
	width: 20px; 
}

.navbarIcons { 
	width: 50px; 
	margin-left: -10px; 
}

@media (min-width: 992px) {
	.desktopNavbar, .accountStatusDesktop {display: block;}
	.navbar-mobile, .accountStatusMob {display: none;}
}

@media (max-width: 991px) {
	.logo {display: none !important;}
	.logoPic {width: 50px !important; padding: 0px !important;}
}

@media (max-width: 575px) {
	.logoLabel {display: none !important;}
}