#navbarAccount {
	background-color: #ffffff75;
	border-right: 6px solid white;
}

.logo {
	position: absolute;
}

form {
	margin-block-end: 0px;
	margin: 10px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flexLabel {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 80px;
}

.accountStatusDesktop {
	display: none;
}

.textLink {
	margin: 0px;
}

.bubbleContainer {
	width: 100%;
	margin-bottom: 30px;
	background-color: white;
	padding: 10px;
	display: flex;
	justify-content: center;
	height: 360px;
	text-align: center;
}

.bubbleText {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.profileContent {
	position: absolute;
	top: 60px;
	width: -webkit-fill-available;
	height: -webkit-fill-available;
	display: flex;
	align-items: center;
	justify-content: center;
}

.errorText {
	color: red;
    font-weight: 600;
    text-align: center;
}

.container {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}

.container-su {
	border-right: 1px solid black;
}

.container-li {
	border-left: 1px solid black;
}

.headerText {
	margin: 5px 0px 0px 0px;
	font-size: xx-large;
}

.subheadertext {
	color: grey;
	font-size: 17px;
	margin: 0px;
}

.formItems {
	text-align: center;
}

.form-label, .form-label-su {
	font-size: 18px;
}

.form-field {
	border: solid 2px black;
	height: 25px;
	border-radius: 20px;
	width: 230px;
	height: 30px;
	margin-top: 5px;
	font-size: 14px;
	text-align: center;
}

.form-field:hover {
	transform: scale(1.1);
}

.form-submit {
	border-radius: 25px;
	width: 230px;
	height: 30px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	transition-duration: 0.5s;
}

.form-submit:hover {
	background-color: white;
	color: black;
}

.log-out-cont {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.snackbarContainer {
	width: 100%; 
	display: flex;
	justify-content: center;
	position: fixed;
	bottom: 0px;
	left: 0;
}

.errorSnackbar {
  min-width: 250px;
  background-color: red;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  z-index: 1;
  font-size: 19px;
  border-radius: 5px;
}

.snackbarContainer.show {
  -webkit-animation: fadein 0.5s, fadeout 0.5s 7.5s;
  animation: fadein 0.5s, fadeout 0.5s 7.5s;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@media (min-width: 350px) {
	.form-field {width: 290px; font-size: 14px;}
}

@media (min-width: 450px) {
	.bubbleContainer {width: 90%; border-radius: 50px;}
	.form-field {width: 320px;}
}

@media (min-width: 768px) {
	.subheadertext {font-size: 19px;}
}

@media (min-width: 992px) {
	.profileContent {top: 0; left: 65px; height: 100%;}
	.bubbleContainer {width: 80%; max-width: 1000px;}
	.snackbarContainer {left: 32.5px;}
}

.SWBSS-submit {
	background-color: #00b0c9;
	border: 2px solid #00b0c9;
}

.SMBSS-submit {
	background-color: #00b0c9;
	border: 2px solid #00b0c9;
}

.TRBSS-submit {
	background-color: #d0292a;
	border: 2px solid #d0292a;
}

.SUPBSS-submit {
	background-color: #fdc200;
	border: 2px solid #fdc200;
}

.CHBSS-submit {
	background-color: #205296;
	border: 2px solid #205296;
}

.DINBSS-submit {
	background-color: #8a1e2d;
	border: 2px solid #8a1e2d;
}

.WINBSS-submit {
	background-color: #dc197e;
	border: 2px solid #dc197e;
}

.RETAILBSS-submit {
	background-color: #79bb4d;
	border: 2px solid #79bb4d;
}

.OFFBSS-submit {
	background-color: #f59e00;
	border: 2px solid #f59e00;
}

.MANUBSS-submit {
	background-color: #27674b;
	border: 2px solid #27674b;
}

.ITBSS-submit {
	background-color: #3e87c8;
	border: 2px solid #3e87c8;
}

.HOTBSS-submit {
	background-color: #702b86;
	border: 2px solid #702b86;
}

.TRABSS-submit {
	background-color: #8d431c;
	border: 2px solid #8d431c;
}

.FMBSS-submit {
	background-color: #757575;
	border: 2px solid #757575;
}

.SWBSSField {
	background-color: #d5e3ee;
}

.SMBSSField {
	background-color: #d5e3ee;
}

.TRBSSField {
	background-color: #e9c1c2;
}

.SUPBSSField {
	background-color: #fef2c1;
}

.CHBSSField {
	background-color: #9bb2d1;
}

.DINBSSField {
	background-color: #e7aeb4;
}

.WINBSSField {
	background-color: #f6c7de;
}

.IPBSSField {
	background-color: #d4d4d4;
}

.RETAILBSSField {
	background-color: #c8e1b7;
}

.OFFBSSField {
	background-color: #f5cb97;
}

.MANUBSSField {
	background-color: #9ac4ae;
}

.ITBSSField {
	background-color: #a5c5e2;
}

.HOTBSSField {
	background-color: #d2b3dd;
}

.TRABSSField {
	background-color: #dab8a5;
}

.FMBSSField {
	background-color: #b0d8bd;
}