@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.app2-fade-enter {
	opacity: 0;
}

.app2-fade-enter-active {
	-webkit-animation-name: fadeInDown;
	        animation-name: fadeInDown;
	-webkit-animation-iteration-count: 1s;
	        animation-iteration-count: 1s;
	-webkit-animation-duration: 0.3s;
	        animation-duration: 0.3s;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	        animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.app2-fade-leave-to {
	-webkit-animation-name: fadeOutUp;
	        animation-name: fadeOutUp;
	-webkit-animation-iteration-count: 1s;
	        animation-iteration-count: 1s;
	-webkit-animation-duration: 0.2s;
	        animation-duration: 0.2s;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	        animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.app2-fade-right-enter-active {
	-webkit-animation-name: fadeInRight;
	        animation-name: fadeInRight;
	-webkit-animation-iteration-count: 1s;
	        animation-iteration-count: 1s;
	-webkit-animation-duration: 0.3s;
	        animation-duration: 0.3s;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	        animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.app2-fade-right-leave-to {
	-webkit-animation-name: fadeOutRight;
	        animation-name: fadeOutRight;
	-webkit-animation-iteration-count: 1s;
	        animation-iteration-count: 1s;
	-webkit-animation-duration: 0.2s;
	        animation-duration: 0.2s;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	        animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

/* =Company card
----------------------------------------*/
.app2-asb {
	z-index: 5999;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: 350px;
	background: #E9ECEF;
	transform: translateX(100%);
	transition: all 0.1s ease-in;
	overflow-y: auto;
}

.app2-asb__blackout {
	z-index: 5998;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.2);
	opacity: 0;
	transform: translateX(100%);
	transition: all 0.1s ease-in;
}

.app2-asb--active {
	transform: translateX(0);
	opacity: 1;
}

.app2-asb__card {
	margin: 0.5rem;
}
.app2-asb__card .card-body {
	padding-top: 0;
}
.app2-asb__card h5 {
	margin: 0;
	padding: 0.25rem 0;
	font-size: 1rem;
}

.app2-asb__card-head {
	padding: 0 0.5rem;
}

.app2-asb__head-link {
	font-size: 0.8rem;
}

.app2-asb__card-body {
	font-size: 0.8rem;
}

.app2-asb__card-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.app2-asb__card-list > li {
	padding: 0.25rem 0.5rem;
	border-bottom: 1px solid #CED4DA;
}
.app2-asb__card-list > li:last-child {
	border-bottom: none;
}

.app2-asb__extra {
	font-size: 0.7rem;
}

.app2-asb__action-item {
	padding: 0 !important;
}
.app2-asb__action-item .btn {
	font-size: 0.8rem;
	color: #495057;
}

.app2-asb__notification--active {
	transform: translateY(0);
}

.app2-asb__notification-enter {
	opacity: 0;
}

.app2-asb__notification-enter-active {
	-webkit-animation-name: fadeInDown;
	        animation-name: fadeInDown;
	-webkit-animation-iteration-count: 1s;
	        animation-iteration-count: 1s;
	-webkit-animation-duration: 0.2s;
	        animation-duration: 0.2s;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	        animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.app2-asb__notification-leave-to {
	-webkit-animation-name: fadeOutUp;
	        animation-name: fadeOutUp;
	-webkit-animation-iteration-count: 1s;
	        animation-iteration-count: 1s;
	-webkit-animation-duration: 0.1s;
	        animation-duration: 0.1s;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	        animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.app2-asb__notification--animate {
	overflow: hidden;
}

.app2-asb__card--owner .app2-asb__card-head {
	background-color: #6D7200;
	color: #FFFFFF;
}
.app2-asb__card--owner .app2-asb__card-head a {
	color: #FFFFFF;
}

.app2-asb__card--billing .app2-asb__card-head {
	background-color: #21825A;
	color: #FFFFFF;
}
.app2-asb__card--billing .app2-asb__card-head a {
	color: #FFFFFF;
}

.app2-asb__card--manager .app2-asb__card-head {
	background-color: #3A71B0;
	color: #FFFFFF;
}
.app2-asb__card--manager .app2-asb__card-head a {
	color: #FFFFFF;
}

.app2-asb option.is-manager {
	color: #1261A5;
}

.app2-asb option.is-no-manager {
	color: #A90329;
}

.app2-asb--hl {
	display: inline-block;
	padding: 1px 0.25rem;
	background-color: #EFF2E0;
}

@media (max-width: 575.98px) {
	.app2-asb {
		width: 300px;
	}
}