.company__badge {
	border-radius: 4px;
	display: flex;
	width: 48px;
	height: 48px;
	padding: 12px 6px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	color: var(--Light-text-inverse, #FFF);
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
	font-size: 18px;
	font-style: normal;
	font-weight: 550;
	line-height: 24px;
	letter-spacing: -0.12px;
	margin-right: 20px;
}

.company__badge i {
	font-size: 32px;
}

.company__badge--ac {
	background: var(--app-bg-1, linear-gradient(136deg, #0F6AEB 1.71%, #2DEAFF 100%));
}

.company__badge--re {
	background: var(--app-bg-3, linear-gradient(136deg, #19827B 1.71%, #EDFF7E 100%));
}

.company__badge--tw {
	background: var(--app-bg-4, linear-gradient(136deg, #482BFF 1.71%, #D7B3F3 100%));
}


/* Sign in button on left side */

.button--text-blue {
	color: var(--Light-text-accent, #2767E3);
	font-size: 14px;
	font-style: normal;
	font-weight: 550;
	line-height: 18px;
	letter-spacing: -0.056px;
	border-bottom: 1px dashed rgba(85, 149, 208, 0.80);
	border-radius: 0;
	padding: 0;
	margin-left: 8px;

}

.button--text-blue:hover {
	color: var(--Light-text-subtle, #45474D);
}

.button--text-blue-noline {
	border-bottom: none;
	color: var(--Light-text-accent, #2767E3);
	font-size: 14px;
	font-style: normal;
	font-weight: 550;
	line-height: 18px;
	letter-spacing: -0.056px;
	border-radius: 0;
	padding: 0;
	margin-left: 8px;

}

.sign-in__link p {
	display: inline;
	margin: 0;
}

.button {
	display: inline;

}

.button--text-blue:hover {
	color: var(--Light-text-subtle, #45474D);
}

.button--text-blue-noline {
	border-bottom: none;
	color: var(--Light-text-accent, #2767E3);
	font-size: 14px;
	font-style: normal;
	font-weight: 550;
	line-height: 18px;
	letter-spacing: -0.056px;
	border-radius: 0;
	padding: 0;
	margin-left: 8px;
}

.sign-in__form-title {
	color: var(--Light-text-strong, #1C1E21);
	font-size: 33px;
	font-style: var(--button-font-style);
	font-weight: var(--button-font-weight);
	line-height: 40px;
	letter-spacing: -0.792px;
	margin-bottom: 32px;
}

.sign-in__sso {
	border-radius: var(--button-radius, 4px);
	background: var(--Light-bg-button-default, #EBECEE);
	display: flex;
	padding: 12px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	color: var(--Light-text-default, #292A2F);
	cursor: pointer;
	width: 400px;
}

.sso-or-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 12px 0;

}

.line-before,
.line-after {
	background-color: #EBECEE;
	height: 1px;
	flex-grow: 1;
}



.or-text {
	padding: 0 10px;
	white-space: nowrap;
	color: var(--Light-text-soft, #676A6F);
	font-size: 14px;
	font-style: var(--button-font-style);
	font-weight: 550;
	line-height: 18px;
	letter-spacing: -0.056px;
}

.custom-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-bottom: 20px;

}

.custom-checkbox input[type="checkbox"] {
	margin-right: 12px;
}

.checkbox-label {
	color: var(--Light-text-default, #292A2F);
	font-size: 15px;
	font-style: normal;
	font-weight: 550;
	line-height: 20px;
	letter-spacing: -0.06px;
}

/* INLINE STYLES*/

/* Dashboard 1 */

#section-inner {
	max-width: 560px;
}

.section-container {
	min-height: calc(100vh - (68px + 72px)); 
	margin-bottom: 140px;
}

.mx-auto-custom {
	min-height: calc(100vh - (68px + 72px));
	max-width: 560px;
}

.badge-initials {
	text-shadow: 0px 1px 2px rgba(0 0 0 / 16%);
}

/* Dashboard 2*/

.mx-auto-920 {
	max-width: 920px;
}

.img-wrapper pl-half user-select-none lg-screen-only {
	width: 20px;
	height: 20px
}

/* Create Accunt page*/
.sandbox-access__form--create-inner {
	margin-bottom: 36px;

}

/* partials*/

#company-header__name-inner, #employeename-inner  {
	width: 20px;
	height: 20px
}

#select-company-chevron {
	margin-top: 9px;
	margin-left: 4px;
}


/* INLINE STYLES END*/



/* Dashboard Cards */

.sandbox-app-card:hover {
	height: 140px;
	z-index: 2;
	box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.16), 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
	margin-bottom: -30px;
	cursor: pointer;
}

#appearance:checked~.interactions-active .sandbox-app-card:hover {
	border: 1px solid var(--Dark-border-card-hover, #45474D);
	background: var(--Dark-bg-card, #1F2026);
}

.sandbox-app-card.sandbox-app-card--dashed:hover{
	margin-bottom: 0px;
	height: 88px;
}


/* 'Open app' text initially hidden background-color: #1C2430*/
.open-text {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	position: absolute;
	color: var(--Light-text-accent, #2767E3);
	font-size: 15px;
	font-weight: 550;
	line-height: 20px;
	letter-spacing: -0.06px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	margin-bottom: 20px;
	margin-top: 5px;
}

.open-text i {
	margin-top: 4px;
}

/* 'Open app' text to make it visible */
.sandbox-app-card:hover .open-text {
	opacity: 1;
	visibility: visible;
}

.card-btn__text {
	color: var(--Light-text-accent, #2767E3);
	padding-right: 3px;
		font-size: 15px;
}

.sandbox-access__btn--submit {
	text-align: center;
}

/* APPEARANCE on login pages */

#appearance_flyout:checked ~ .sandbox-settings--profile-appearance {
    display: block; 
	position: relative;
}
.sandbox-access__header--left {
	position: relative;
}

.sandbox-localize__btn {
	cursor: pointer;
}

.parent-of-trigger,
sandbox-access__header--left {
	position: relative;
}

.sandbox-localize {
	position: relative;
}

#appearance_flyout:checked~.sandbox-settings--profile-appearance {
	display: block;
	position: absolute;
	top: 100%;
	z-index: 10;
	margin-left: -3px;
	border-radius: 6px;
}

.parent-of-trigger {
	position: relative;
	margin-right: -20px;
}

.sandbox-flyout__top-wrapper {
	background: linear-gradient(136deg, rgba(177, 21, 255, 0.20) 1.71%, rgba(246, 190, 123, 0.12) 26.73%, rgba(255, 255, 255, 0.00) 62.12%);
	border-radius: 6px 6px 0 0;
	padding-top: 16px;
}

#svg-purple path,
#svg-purple rect,
#svg-purple circle {
	fill: #7629FA;
}

#svg-blue path,
#svg-blue rect,
#svg-blue circle {
	fill: #2767E3;
}

/* Access SVG verificartion*/

#verify {
	margin-top: -260px;
}

/*VERIFY PAGE*/

.svg-light {
	display: block;
}

.svg-dark {
	display: none;
}

#dark:checked~.body .sandbox-access .sandbox-access__banner .sandbox-access__form--verify .svg-container-verify .svg-dark {
	display: block;
}

#dark:checked~.body .sandbox-access .sandbox-access__banner .sandbox-access__form--verify .svg-container-verify .svg-light {
	display: none;
}


@media (max-width: 600px) {
	#verify {
		margin-top: 0;
		margin-left: -200px;
	}

	.sandbox-dashboard__menu-slider {
		margin-left: -50px;
	}

	.sandbox-flyout__top-wrapper {
		border-radius: 0;
	}
}


.recently-logged-in-codes {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}
  
.client-code-box {
	width: 56px;
	height: 56px;
	background-color: #2767e3;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
}

.active_client_code {
	background: linear-gradient(135deg, #2767e3, #1b4dab);
	animation: pulse 2s infinite;
  }
  
@keyframes pulse {
	0% {
	  box-shadow: 0 0 10px 2px rgba(39, 103, 227, 0.5);
	}
	50% {
	  box-shadow: 0 0 20px 4px rgba(39, 103, 227, 0.7);
	}
	100% {
	  box-shadow: 0 0 10px 2px rgba(39, 103, 227, 0.5);
	}
}

.plus-sign-box {
	font-size: 32px;
	font-weight: 200; 
	line-height: 1;
}