/*csslint adjoining-classes: false*/

:root {
	--primary-pale: #ddfdff;
	--primary-bright: #0ed8e1;
	--primary-color: #03a9b0;
	--yellow-color: #fcef9f;
	--primary-transparent: #03a9b03f;
	--warn-color: #e8426a;
	--warn-color-pale: #f9ced7;
	--warn-color-transparent: #e8426a3f;
	--warn-light: #e8426a29;
	--accent-dark: #f58f29;
	--accent-pale: #ffe7d0;
	--accent-light: #ffa500;
	--accent-transparent: #ffa5003f;
	--light-green: #a4e0e3;
	--success-green: #30cd97;
	--success-green-pale: #c3fbe8;
	--success-green-transparent: #30cd963f;
	--light-red: #ff9ea9;
	--divider: rgba(0, 0, 0, 0.09);
	--dark-gray: rgb(18, 18, 18);
	--notify-gray: #3c3c3c;
	--medium-gray: rgb(104, 104, 104);
	--meeting-window-width: 0px;
	--clientX: 0;
	--clientY: 0;
	--dark-text: #202124;
	--mid-gray-text: #424242;
	--gray-text: #5a5a5a;
	--light-gray: #c5c5c5;
	--cubic: cubic-bezier(0.165, 0.84, 0.44, 1);
	--cubic-delay-ease: cubic-bezier(.44,0,0,1);
	--rounded-corners: 16px;
}

body {
	overflow: hidden;
}

input {
	outline: none !important;
}

:focus {
	outline: none !important;
}

a {
	color: rgb(0, 172, 171);
}

a:hover,
a:active {
	color: #005656;
	text-decoration: none;
}

img {
	vertical-align: middle;
}

.cropArea {
	background: #e4e4e4;
	overflow: hidden;
	width: 240px;
	height: 240px;
}
.bn-add-a-photo {
	margin: 72px 0 0 72px;
	font-size: 96px;
}
@media (min-width: 600px) {
	.cropArea {
		width: 400px;
		height: 400px;
	}
	.bn-add-a-photo {
		margin: 102px 0 0 102px;
		font-size: 96px;
	}
}

/* material design override */
.md-button {
	min-width: 50px;
}

.md-button.bn-hovergrey:hover,
.md-button.bn-hovergrey.md-focused {
	background-color: #828282 !important;
}

.md-button.bn-hoverdarkgrey:hover,
.md-button.bn-hoverdarkgrey.md-focused {
	background-color: #4a4a4a !important;
}

md-sidenav,
md-sidenav.md-locked-open,
md-sidenav.md-closed.md-locked-open-add-active {
	width: 261px;
	min-width: 261px;
	max-width: 261px;
}

md-toolbar.md-tall {
	height: 100px;
	min-height: 96px;
	max-height: 100px;
}

md-toolbar.bn-slimtoolbar {
	height: 42px;
	min-height: 42px;
	max-height: 42px;
}

md-input-container.bn-tight .md-errors-spacer {
	min-height: 1px;
}
.bn-box-sizing-content {
	box-sizing: content-box !important;
}

md-checkbox[disabled].bn-not-allowed {
	cursor: not-allowed;
}

.bn-beespace-bee-logo {
	max-height: 24px;
	width: auto;
}

.bn-margin0 {
	margin: 0;
}
.bn-pad-mar-00 {
	margin: 0 !important;
	padding: 0 !important;
}
/* .bn-button.width100pct{
	width: 100% !important;
} */
.bn-width100pct,
.bn-width100-layout {
	width: 100%;
}

.bn-width93pct {
	width: 93%;
}

.bn-width85pct {
	width: 85%;
}

.bn-width32 {
	width: 32px;
}

.bn-width36 {
	width: 36px;
}

.bn-width50 {
	width: 50px;
}

.bn-width150 {
	width: 150px;
}

.bn-width168 {
	width: 168px;
}

.bn-width300 {
	width: 300px;
}

.bn-width400 {
	width: 400px;
}

.bn-beespace-locales {
	padding: 4px 16px 4px 16px;
	height: auto;
	align-self: stretch;
	border-style: solid;
	border-color: #ebebeb;
	border-width: 1px 0 0 0;
}

.bn-beespace-tasks-header {
	margin-top: 0;
	background: #f0f0f0;
	padding: 4px 16px 4px 16px;
	height: auto;
	align-self: stretch;
}

.bn-beespace-tasks {
	padding: 4px 16px 4px 16px;
	height: auto;
	align-self: stretch;
	border-style: solid;
	border-color: #ebebeb;
	border-width: 1px 0 0 0;
}

.bn-beespace-tasks-filter {
	font-size: 16px;
	display: block;
	margin-top: 10px;
	padding-right: 8px;
}

.bn-beespace-tasks-head-btn {
	padding: 0;
	margin: 0;
}

.bn-pad-mar-0 {
	padding: 0;
	margin: 0;
}

.bn-beespace-tasks-head-btn-alt {
	padding: 0;
	margin: 4px 0 0 0;
}

.bn-personal-notes-search {
	margin: 10px 0 0 0;
}

.bn-beespace-tasks-status {
	margin: 0;
	padding: 0 12px 4px 0;
}

.bn-beespace-tasks-btn {
	margin: 2px 0 0 0;
	padding: 0;
	min-width: 24px;
	text-transform: none;
}

.bn-plan-topic-header {
	margin-top: 0;
	background: #f0f0f0;
	font-size: 90%;
	font-weight: 500;
	padding: 12px;
	height: auto;
	align-self: stretch;
	text-transform: uppercase;
}
.bn-plan-topic-header>div {
	padding: 4px;
}

.bn-plan-topic {
	padding: 12px 12px 16px 12px;
	height: auto;
	align-self: stretch;
	border-style: solid;
	border-color: #b0b0b0;
	border-width: 1px 0 0 0;
}

.bn-plan-topic-first {
	padding: 12px 12px 16px 12px;
	height: auto;
	align-self: stretch;
	border-style: solid;
	border-color: #ebebeb;
	border-width: 1px 0 0 0;
}

.bn-draft-prem-only {
	margin-top: 32px;
	margin-left: -12px;
	font-size: 16px;
	width: 16px;
	height: 16px;
	min-width: 16px;
	min-height: 16px;
	padding-right: 8px;
}

.bn-padding-10-12-10-12 {
	padding: 10px 12px 10px 12px;
}

.bn-tasks-filter {
	font-size: 16px;
}

.bn-mini-contact {
	background: rgb(224, 224, 224);
	color: rgb(66, 66, 66);
	border-radius: 10px;
	padding: 0 10px 0 10px;
	margin: 4px;
	white-space: nowrap;
}

.bn-margin-mini-contact {
	margin: 2px 0 2px 0;
}

.bn-contact-chip-autocomplete {
	width: 450px;
}
@media (max-width: 320px) {
	.bn-contact-chip-autocomplete,
	md-autocomplete-wrap {
		width: 250px;
	}
}
@media (min-width: 321px) and (max-width: 399px) {
	.bn-contact-chip-autocomplete,
	md-autocomplete-wrap {
		width: 310px;
	}
}
@media (min-width: 400px) and (max-width: 420px) {
	.bn-contact-chip-autocomplete,
	md-autocomplete-wrap {
		width: 340px;
	}
}

.bn-att-add-btn {
	position: relative;
	right: -12px;
	margin: 0;
}
@media (max-width: 335px) {
	.bn-att-add-btn {
		right: 4px;
	}
}

@media (max-width: 375px) {
	.bn-tight-btn {
		width: 24px !important;
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.md-button.md-small {
	min-width: 32px;
	line-height: 24px;
	min-height: 24px;
	vertical-align: top;
	font-size: 12px;
	padding: 0 4px 0 4px;
	margin: 10px 3px 0 3px;
}

.md-button.md-smaller {
	min-width: 32px;
	line-height: 24px;
	min-height: 24px;
	vertical-align: top;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

/* videogular audio player */
.videogular-container {
	display: block;
	height: 50px;
	margin-top: 4px;
	overflow: hidden;
}

@media (min-width: 1200px) {
	.videogular-container {
		min-width: 520px;
	}
}

videogular,
[videogular] {
	background-color: #ffffff !important;
}

.videogular-container-video {
	width: 100%;
	height: 320px;
	margin: auto;
	overflow: hidden;
}

/*@media (min-width: 1200px) {
	.videogular-container-video {
		width: 1170px;
		height: 658.125px;
	}

	.videogular-container-video.audio {
		width: 1170px;
		height: 50px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.videogular-container-video {
		width: 940px;
		height: 528.75px;
	}

	.videogular-container-video.audio {
		width: 940px;
		height: 50px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.videogular-container-video {
		width: 728px;
		height: 409.5px;
	}

	.videogular-container-video.audio {
		width: 728px;
		height: 50px;
	}
}*/

@media (min-width: 650px) {
	.videogular-container-video {
		/* Ratio = 1.78 */
		width: 618px;
		height: 347.5px;
	}

	.videogular-container-video.audio {
		width: 618px;
		height: 50px;
	}
}

/* beenote */
.bn-btn-project {
	margin: 25px 2px -10px 2px;
}
@media (max-width: 599px) {
	.bn-btn-project {
		margin: -5px 0 5px 0;
	}
}

.bn-btn-task-project {
	margin-left: -4px;
}

.bn-note-title {
	margin: 11px 0 0 4px;
}

.bn-note-content {
	margin: 11px 0 8px 4px;
}

.bn-title-edit {
	position: relative;
	font-weight: bold;
	border: 0;
	width: 100%;
}

.bn-att-btn-userinfo {
	position: relative;
	top: -14px;
	right: -20px;
}

.bn-agenda-timer-top {
	position: relative;
	top: -49px;
	margin-bottom: -30px;
}

.bn-agenda-timer-bottom {
	position: relative;
	left: 1px;
	top: -35px;
	margin-bottom: -30px;
}

.bn-agenda-timer-circle {
	margin-left: 7px;
	margin-right: 6px;
	background: white;
	border: 2px solid #878787;
	border-radius: 50%;
}

.bn-inmeeting-agenda-timer-top {
	position: relative;
	top: -30px;
	margin-bottom: -11px;
}

.bn-inmeeting-agenda-timer-circle {
	margin-top: 3px;
	border: 2px solid #878787;
	border-radius: 50%;
}

.bn-approver-width {
	min-width: 500px;
}

@media (max-width: 540px) {
	.bn-approver-width {
		min-width: 272px;
	}
}

.bn-approver-header {
	border: 1px solid #878787;
	background: rgb(240, 240, 240);
	padding: 2px 3px 2px 3px;
}

.bn-approver {
	border: 1px solid #878787;
	padding: 2px 3px 2px 3px;
}

.bn-approver-border {
	border: 1px solid #878787;
}

.bn-avatar-icon {
	background: white;
	width: 40px;
	height: 40px;
	border: 2px solid #e6e6e6;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	image-rendering: -webkit-optimize-contrast;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bn-avatar-icon-avg {
	background: white;
	width: 44px;
	height: 44px;
	border: 2px solid #e6e6e6;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	image-rendering: -webkit-optimize-contrast;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bn-border-gold {
	border: 3px solid #f5af29;
}

.bn-avatar-icon-big {
	border: 3px solid #e6e6e6;
	background: white;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	image-rendering: -webkit-optimize-contrast;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bn-avatar-big {
	border: 8px solid #e6e6e6;
	background: white;
	border-radius: 50%;
	image-rendering: -webkit-optimize-contrast;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bn-chip-icon {
	border: 2px solid rgb(224, 224, 224);
	background: white;
	width: 32px;
	height: 32px;
	margin-bottom: 3px;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	image-rendering: -webkit-optimize-contrast;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bn-att-chip-icon {
	border: 2px solid rgb(224, 224, 224);
	background: white;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	margin-bottom: 3px;
	margin-left: 14px;
	margin-right: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bn-notif-panel {
	border-radius: 4px;
}

.bn-notif-content {
	padding: 0 2px 2px 2px;
	max-width: 320px;
	border-radius: 4px;
}

.bn-notif-card {
	background: rgb(245, 245, 245);
	padding: 4px;
	margin-top: 2px;
	border-radius: 3px;
}

.bn-notif-icon {
	width: 48px;
	height: 48px;
}

.bn-notif-textzone {
	width: 100%;
	padding: 0 2px 0 4px;
}

.bn-notif-title {
	font-size: 12px;
}

.bn-notif-remove {
	padding-left: 4px;
	font-size: 14px;
}

.bn-notif-new {
	background: rgb(200, 200, 200);
}

.bn-notif-desc {
	padding-top: 3px;
	font-size: 14px;
}

.bn-more-notif {
	padding: 4px;
	margin-top: 2px;
	border-radius: 3px;
	font-size: 12px;
}

.bn-icon-button-notif {
	padding: 0;
	margin: 0;
	min-width: 24px;
	width: 24px;
}

.bn-date-to-margin {
	margin: 0 0 24px 0;
}

.bn-state-style {
	background-color: #878787;
	color: white;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	border-radius: 4px;
}

.bn-state-style-alt {
	background-color: orange;
	color: white;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	border-radius: 4px;
}

.bn-conn-chip-icon {
	border: 2px solid rgb(224, 224, 224);
	background: white;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-bottom: 0;
	padding-right: 0;
	margin-right: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	image-rendering: -webkit-optimize-contrast;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

@media (min-width: 600px) {
	.bn-conn-chip-icon {
		width: 52px;
		height: 52px;
	}
}

.bn-org-logo-big {
	border-style: none;
	background: white;
	max-width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	/* Safari and Chrome */
	.bn-overflowhidden {
		overflow: hidden;
	}
}

.bn-badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	margin-left: 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}

.bn-menugroup {
	color: rgba(117, 117, 117, 0.87);
	font-size: 14px;
	text-transform: uppercase;
	padding: 16px;
	font-weight: 500;
}

.bn-menuitem {
	padding: 0 16px 0 16px;
}

.bn-newmeeting-logo {
	width: auto;
	height: 128px;
}

@media (max-width: 599px) {
	.bn-newmeeting-logo {
		width: auto;
		height: 64px;
	}
}

.bn-invite-teammates-logo {
	width: 100%;
	height: 84px;
	outline: none;
}

.bn-beenote-bee {
	width: auto;
	height: 40px;
	outline: none;
	padding-right: 8px;
}

@media (max-width: 599px) {
	.bn-beenote-bee {
		height: 32px;
		padding-right: 4px;
	}
}

.bn-beenote-logo {
	width: auto;
	height: 30px;
	outline: none;
	margin-top: 8px;
}

@media (max-width: 630px) {
	.bn-beenote-logo {
		width: 100px;
		height: auto;
	}
}

.bn-bg-grey {
	background-color: rgb(200, 200, 200);
}

.bn-bg-lightgrey {
	background-color: rgb(240, 240, 240);
}

.bn-bg-white {
	background-color: rgb(255, 255, 255);
}

.bn-bg-opacity {
	opacity: 0.5;
}

.bn-bg-allnotes {
	background-color: #ffffff;
}

.bn-bg-allnotes input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
	background-clip: content-box;
}

.bn-bg-search input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #03a9b0 inset;
	background-clip: content-box;
}

.bn-black {
	color: black;
}

.bn-green {
	color: green;
	/* color: var(--success-green); */
}

.bn-light-grey {
	color: lightslategrey;
}

.bn-red {
	color: #e8426a;
}

.bn-yellow {
	color: #f5d629;
}

.bn-orange {
	color: orange;
}

.bn-tag {
	margin: 0 0 4px 4px;
	font-size: 12px;
	border-radius: 4px;
	padding-left: 4px;
	padding-right: 4px;
	cursor: default;
}

md-icon.material-icons.bn-tag-red {
	color: #e8426a;
}

div.bn-tag-red {
	border: 1px solid black;
	background-color: #e8426a;
	color: white;
}

md-icon.material-icons.bn-tag-orange {
	color: orange;
}

div.bn-tag-orange {
	border: 1px solid black;
	background-color: orange;
	color: black;
}

md-icon.material-icons.bn-tag-green {
	color: green;
}

div.bn-tag-green {
	border: 1px solid black;
	background-color: green;
	color: white;
}

.bn-minutes-tag {
	padding-top: 5px;
	padding-left: 10px;
}

.bn-minutes-note-tag {
	padding-top: 2px;
	padding-left: 10px;
}

.bn-min-width-100 {
	min-width: 100%;
}

.bn-btn-width {
	width: 75%;
}
@media (max-width: 599px) {
	.bn-btn-width {
		width: 100%;
	}
}

.bn-bold {
	font-weight: bold;
}

.bn-topic-spacer {
	height: 2px;
}

.bn-border-addr {
	border: 1px solid #878787;
	margin: 2px;
	padding: 2px;
}

.bn-addr-color {
	color: #878787;
}

.bn-short-name {
	color: #03a9b0;
}

.bn-plan-select-color {
	color: #03a9b0;
}

.bn-border-note {
	border: 2px ridge #03a9b0;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px 0px 0px 6px;
}

.bn-border-task {
	border: 2px ridge #f5af29;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px 0px 0px 6px;
}

.bn-border-decision {
	border: 2px ridge #b2b2b2;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px 0px 0px 6px;
}

.bn-border-topic {
	border: 2px ridge #878787;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px 0px 0px 6px;
	padding-left: 4px;
	padding-right: 4px;
}

/* .bn-border-note,
.bn-border-task,
.bn-border-decision {
	padding: 0 4px 0 4px;
} */

.bn-border-left {
	border-left: 1px solid #b2b2b2;
	padding-left: 10px;
	margin-left: 10px;
}

.bn-border-white {
	border-color: white;
}

.bn-creditcard {
	width: 187px;
	height: 36px;
	outline: none;
}

.bn-note-list-padding {
	padding: 4px 0 4px 0;
}

.bn-sep {
	margin: 32px auto 34px auto;
	width: 80%;
	height: 16px;

	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, #878787 30%, #878787 70%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(30%, #878787), color-stop(70%, #878787), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, #878787 30%, #878787 70%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, #878787 30%, #878787 70%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, #878787 30%, #878787 70%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, #878787 30%, #878787 70%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.bn-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 50vw;
}

.bn-ellipsis100 {
	overflow: hidden;
	text-overflow: ellipsis;
}

.bn-ellipsis70 {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 70vw;
}

.bn-ftop-buttons {
	position: fixed;
	left: 8px;
	top: 60px;
	z-index: 2;
	border-radius: 2px;
}

.bn-float-left-bottom {
	position: fixed;
	bottom: 15px;
	left: 20px;
	z-index: 21;
	border-radius: 20px;
	background: white;
}

.bn-float-right-bottom {
	position: fixed;
	bottom: 15px;
	right: 20px;
	z-index: 2;
}

.bn-fsave-info {
	position: fixed;
	top: 80px;
	right: 10px;
	z-index: 2;
}

.bn-fixed {
	position: fixed;
}

.bn-fixed-width-card {
	width: 500px;
}

.bn-fixed-width-card-large {
	width: 650px;
}
@media (max-width: 420px) {
	.bn-fixed-width-card-large {
		max-width: 95%;
	}
}

/* .bn-fullheight {
	min-height: calc(100vh - 96px);
}

.bn-fullhmeet {
	min-height: calc(100vh - 132px);
}

.bn-fullheight-teaser {
	min-height: calc(100vh - 118px);
}

.bn-fullhmeet-teaser {
	min-height: calc(100vh - 154px);
} */

.bn-grey {
	color: rgb(189, 189, 189);
}

.bn-hangout {
	width: 115px;
	height: 30px;
	margin-top: 16px;
	margin-bottom: 14px;
}

.bn-hint {
	/* Position the hint */
	position: absolute;
	left: 2px;
	right: auto;
	bottom: 7px;
	/* Copy styles from ng-messages */
	font-size: 12px;
	line-height: 14px;
	transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	color: grey;
}

/* Indent styles */
.bn-level-1 {
	padding-left: 40px;
}

.bn-level-2 {
	padding-left: 80px;
}

.bn-level-3 {
	padding-left: 120px;
}

.bn-level-4 {
	padding-left: 160px;
}

.bn-level-5 {
	padding-left: 200px;
}

.bn-list-bullet {
	margin: -9px 0 16px 0;
}

.bn-ulist {
	margin: 0;
	padding: 0 0 0 20px;
}

.bn-logo-opacity {
	opacity: 0.4;
}

.bn-task-title-margin {
	margin: 4px 14px 6px 14px;
}

.bn-task-title-margin-x {
	margin: 12px 14px 6px 14px;
}

.bn-task-inner-title {
	margin: 14px 0 0 14px;
}

.bn-task-margin {
	margin: 4px 14px 2px 14px;
}

.bn-task-folder-margin {
	margin: 8px 8px 6px 14px;
}

.bn-margin-0 {
	margin: 0;
}

.bn-margin-reg {
	margin: 12px 18px 6px 18px;
}

.bn-margin-12 {
	margin: 12px;
}

.bn-margin-16 {
	margin: 16px;
}

.bn-margin-2-0-0-12 {
	margin: 2px 0 0 12px;
}

.margin-l0 {
	margin-left: 0;
}

.margin-l2r2 {
	margin-left: 2px;
	margin-right: 2px;
}

.margin-l4r4 {
	margin-left: 4px;
	margin-right: 4px;
}

.margin-lr-6 {
	margin-left: -6px;
	margin-right: -6px;
}

.bn-margin-r4 {
	margin-right: 4px;
}

.bn-margin-r6 {
	margin-right: 6px;
}

.bn-margin-tr6 {
	margin: 6px 6px 0 0;
}

.bn-margin-t1 {
	margin-top: 1px;
}

.bn-margin-t2 {
	margin-top: 2px;
}

.bn-margin-t4 {
	margin-top: 4px;
}

.bn-margin-t6 {
	margin-top: 6px;
}

.bn-margin-t8 {
	margin-top: 8px;
}

.bn-margin-t10 {
	margin-top: 10px;
}

.bn-margin-t11 {
	margin-top: 11px;
}

.bn-margin-t12 {
	margin-top: 12px;
}

.bn-margin-t14 {
	margin-top: 14px;
}

.bn-margin-t16 {
	margin-top: 16px;
}

.bn-margin-t18 {
	margin-top: 18px;
}

.bn-margin-t20 {
	margin-top: 20px;
}

.bn-margin-t22 {
	margin-top: 22px;
}

.bn-margin-t24 {
	margin-top: 24px;
}

.bn-margin-t36 {
	margin-top: 36px;
}

.bn-margin-t26 {
	margin-top: 26px;
}

.bn-margin-t42 {
	margin-top: 42px;
}

.bn-margin-t48 {
	margin-top: 48px;
}

.bn-margin-t16b12 {
	margin: 16px 0 12px 0;
}

.bn-t-1 {
	top: -1px;
}

.bn-t-8 {
	top: -8px;
}

.bn-t-9 {
	top: -9px;
}

.bn-t-12 {
	top: -12px;
}

.bn-margin-y16 {
	margin-top: 16px;
	margin-bottom: 16px;
}

.bn-margin-t-3 {
	margin-top: -3px;
}

.bn-margin-t-12 {
	margin-top: -12px;
}

.bn-margin-t-22 {
	margin-top: -22px;
}

.bn-margin-t-36 {
	margin-top: -36px;
}

.bn-margin-tb {
	margin: 4px 0 6px 0;
}

.bn-margin-tb2 {
	margin-top: 2px;
	margin-bottom: 2px;
}

.bn-margin-tb6 {
	margin-top: 6px;
	margin-bottom: 6px;
}

.bn-margin-tb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.bn-margin-trbl-l {
	margin: 10px 4px 6px 4px;
}

.bn-margin-b4 {
	margin-bottom: 4px;
}

.bn-margin-b6 {
	margin-bottom: 6px;
}

.bn-margin-b8 {
	margin-bottom: 8px;
}
.bn-margin-b14 {
	margin-bottom: 14px;
}

.bn-margin-b16 {
	margin-bottom: 16px;
}

.bn-margin-b-4 {
	margin-bottom: -4px;
}

.bn-margin-b-16 {
	margin-bottom: -16px;
}

.bn-margin-bl {
	margin: 8px 4px 12px 4px;
}

.bn-margin-bl0 {
	margin-left: 0;
	margin-bottom: 0;
}

.bn-margin-lr0 {
	margin-left: 0;
	margin-right: 0;
}
.bn-margin-lr8 {
	margin: 0 8px 0 8px;
}
.bn-margin-lr24 {
	margin-left:  24px;
	margin-right: 24px;
}

.bn-margin-l6 {
	margin-left: 6px;
}

.bn-margin-b6 {
	margin-bottom: 6px;
}

.bn-margin-l-6 {
	margin-left: -6px;
}

.bn-margin-l-8 {
	margin-left: -8px;
}

.md-button.bn-margin-l0 {
	margin-left: 0;
}

.bn-margin-l1 {
	margin-left: 1px;
}

.bn-margin-l2 {
	margin-left: 2px;
}

.bn-margin-l4 {
	margin-left: 4px;
}

.bn-margin-l8 {
	margin-left: 8px;
}

.bn-margin-l12 {
	margin-left: 12px;
}

.bn-margin-l18 {
	margin-left: 18px;
}

.bn-margin-l24 {
	margin-left: 24px;
}

.bn-margin-l28 {
	margin-left: 28px;
}

.bn-margin-l40 {
	margin-left: 40px;
}
.bn-margin-l80 {
	margin-left: 80px;
}
.bn-margin-l120 {
	margin-left: 120px;
}

.bn-margin-lr13 {
	margin-left: 13px;
	margin-right: 13px;
}

.bn-margin-lr21 {
	margin-left: 21px;
	margin-right: 21px;
}

.bn-margin-lr24 {
	margin-left: 24px;
	margin-right: 24px;
}

.bn-margin-tl12 {
	margin-top: 12px;
	margin-left: 12px;
}

.bn-margin-tr8 {
	margin-top: 0;
	margin-right: 8px;
}

.bn-margin-t18-l12 {
	margin-top: 18px;
	margin-left: 12px;
}

.bn-margin-b0 {
	margin-bottom: 0;
}

.bn-margin-b2 {
	margin-bottom: 2px;
}

.bn-margin-b4 {
	margin-bottom: 4px;
}

.bn-margin-b5 {
	margin-bottom: 5px;
}

.bn-margin-b12 {
	margin-bottom: 12px;
}

.bn-margin-b20 {
	margin-bottom: 20px;
}

.bn-margin-b24 {
	margin-bottom: 24px;
}

.bn-margin-b29 {
	margin-bottom: 29px;
}

.bn-margin-r0 {
	margin-right: 0;
}

.bn-margin-r8 {
	margin-right: 8px;
}

.bn-margin-r10 {
	margin-right: 10px;
}

.bn-margin-r16 {
	margin-right: 16px;
}

.bn-margin-r24 {
	margin-right: 24px;
}

.bn-margin-r32 {
	margin-right: 32px;
}

.bn-bullet-help {
	margin: 8px 4px 0 22px;
}

.bn-min-height {
	min-height: calc(100vh - 64px);
}

.bn-min-width-0 {
	min-width: 0px;
}

.bn-min-width-110 {
	min-width: 110px;
}

.bn-min-width-260 {
	min-width: 260px;
}

.bn-min-height-24 {
	min-height: 24px;
}
.bn-min-height-36 {
	min-height: 36px;
}

.bn-min-height-68 {
	min-height: 68px;
}

.bn-min-height-100 {
	min-height: 100px;
}

.bn-meeting-icon {
	width: 48px;
	height: 48px;
}

.bn-meeting-obj-img {
	width: 22px;
	height: 22px;
	margin-right: 2px;
}

.bn-movedown {
	top: 10px;
}

/* Note headers */
/* Break */
.bn-note-4 {
	color: black;
	border-color: #878787;
	margin-bottom: -15px;
	background-color: white;
	z-index: 1;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
}
/* Topic */
.bn-note-3 {
	color: black;
	border-color: #878787;
	margin-bottom: -15px;
	background-color: white;
	z-index: 1;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
}
/* Task*/
.bn-note-2 {
	color: black;
	border-color: #f5af29;
	margin-bottom: -15px;
	background-color: white;
	z-index: 1;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
}
/* Decision*/
.bn-note-1 {
	color: black;
	border-color: #b2b2b2;
	margin-bottom: -15px;
	background-color: white;
	z-index: 1;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
}
/* Note */
.bn-note-0 {
	color: black;
	border-color: #03a9b0;
	margin-bottom: -15px;
	background-color: white;
	z-index: 1;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
}

.bn-note-grayed {
	color: rgb(189, 189, 189);
}

.bn-notify-counter {
	position: absolute;
	top: 2px;
	left: 18px;
	background-color: #f44336;
	color: #fff;
	border-radius: 3px;
	padding: 1px 3px;
	font: 8px Verdana;
}

.bn-notify-counter-admin {
	position: relative;
	height: 10px;
	background-color: #f44336;
	color: #fff;
	border-radius: 3px;
	padding: 1px 3px;
	margin-right: 3px;
	font: 8px Verdana;
}

.bn-notify-counter-admin-more {
	position: absolute;
	background-color: #f44336;
	color: #fff;
	border-radius: 3px;
	padding: 1px 3px;
	margin: -4px 0 0 -12px;
	font: 8px Verdana;
}

.bn-notify-counter-icon {
	position: absolute;
	top: 2px;
	left: 8px;
	background-color: #f44336;
	color: #fff;
	border-radius: 3px;
	padding: 1px 3px;
	font: 8px Verdana;
}

.bn-noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

.bn-cursor-default {
	cursor: default;
}

.bn-cursor-wait {
	cursor: wait;
}

.bn-not-found {
	/*color: #d0d0d0;*/
	color: #b2b2b2;
}

.bn-padding-2-4vw {
	padding: 2vw 4vw;
}

.bn-padding-4vw {
	padding: 4vw;
}

.bn-padding-5vw {
	padding: 5vw;
}

.bn-padding0 {
	padding: 0;
}

.bn-padding2 {
	padding: 2px;
}

.bn-padding4 {
	padding: 4px;
}

.bn-padding8 {
	padding: 8px;
}
.bn-padding16 {
	padding: 16px;
}
.bn-padding24 {
	padding: 24px;
}

.bn-padding-l2 {
	padding-left: 2px;
}

.bn-padding-l4 {
	padding-left: 4px;
}

.bn-padding-l6 {
	padding-left: 6px;
}

.bn-padding-l8 {
	padding-left: 8px;
}

.bn-padding-l10 {
	padding-left: 10px;
}

.bn-padding-l16 {
	padding-left: 16px;
}

.bn-padding-l20 {
	padding-left: 20px;
}

.bn-padding-l24 {
	padding-left: 24px;
}

.bn-padding-l40 {
	padding-left: 40px;
}

.bn-padding-l54 {
	padding-left: 54px;
}

.bn-padding-lr6 {
	padding-left: 6px;
	padding-right: 6px;
}

.bn-padding-lr8 {
	padding-left: 8px;
	padding-right: 8px;
}

.bn-padding-lr12 {
	padding-left: 12px;
	padding-right: 12px;
}

.bn-padding-lr16 {
	padding-left: 16px;
	padding-right: 16px;
}

.bn-padding-lr-rlsq {
	padding-left: 136px;
	padding-right: 136px;
}

.bn-padding-r4 {
	padding-right: 4px;
}

.bn-padding-r6 {
	padding-right: 6px;
}

.bn-padding-r8 {
	padding-right: 8px;
}

.bn-padding-r12 {
	padding-right: 12px;
}

.bn-padding-r14 {
	padding-right: 14px;
}

.bn-padding-r20 {
	padding-right: 20px;
}

.bn-padding-r24 {
	padding-right: 24px;
}

.bn-padding-r36 {
	padding-right: 36px;
}

.bn-padding-t0 {
	padding-top: 0;
}

.bn-padding-t {
	padding-top: 12px;
}

.bn-padding-t2 {
	padding-top: 2px;
}

.bn-padding-t4 {
	padding-top: 4px;
}

.bn-padding-t6 {
	padding-top: 6px;
}

.bn-padding-t8 {
	padding-top: 8px;
}

.bn-padding-t12 {
	padding-top: 12px;
}

.bn-padding-t16 {
	padding-top: 16px;
}

.bn-padding-t18 {
	padding-top: 18px;
}

.bn-padding-t22 {
	padding-top: 22px;
}

.bn-padding-t24 {
	padding-top: 24px;
}

.bn-padding-t36 {
	padding-top: 36px;
}

.bn-padding-tb2 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.bn-padding-tb4 {
	padding-top: 4px;
	padding-bottom: 4px;
}

.bn-padding-tb8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.bn-padding-b0 {
	padding-bottom: 0;
}

.bn-padding-b2 {
	padding-bottom: 2px;
}

.bn-padding-b4 {
	padding-bottom: 4px;
}

.bn-padding-b5 {
	padding-bottom: 5px;
}

.bn-padding-b6 {
	padding-bottom: 6px;
}

.bn-padding-b8 {
	padding-bottom: 8px;
}

.bn-padding-b12 {
	padding-bottom: 12px;
}

.bn-padding-b16 {
	padding-bottom: 16px;
}

.bn-padding-b24 {
	padding-bottom: 24px;
}

.bn-padding-b36 {
	padding-bottom: 36px;
}

.bn-padding-16 {
	padding: 16px;
}

.bn-padding-16-0-8-0 {
	padding: 16px 0 8px 0;
}

.bn-padding-y10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.bn-padding-y14 {
	padding-top: 14px;
	padding-bottom: 14px;
}
.bn-padding-y24 {
	padding-top: 24px;
	padding-bottom: 24px;
}
.bn-padding-x24 {
	padding-left: 24px;
	padding-right: 24px;
}

/* pagination */
.bn-pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.bn-pagination > li {
	display: inline;
}
.bn-pagination > li > a,
.bn-pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #101010;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.bn-pagination > li:first-child > a,
.bn-pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.bn-pagination > li:last-child > a,
.bn-pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.bn-pagination > li > a:hover,
.bn-pagination > li > span:hover,
.bn-pagination > li > a:focus,
.bn-pagination > li > span:focus {
	z-index: 2;
	color: #101010;
	background-color: #eee;
	border-color: #ddd;
}
.bn-pagination > .active > a,
.bn-pagination > .active > span,
.bn-pagination > .active > a:hover,
.bn-pagination > .active > span:hover,
.bn-pagination > .active > a:focus,
.bn-pagination > .active > span:focus {
	z-index: 3;
	color: #101010;
	cursor: default;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
}
.bn-pagination > .disabled > span,
.bn-pagination > .disabled > span:hover,
.bn-pagination > .disabled > span:focus,
.bn-pagination > .disabled > a,
.bn-pagination > .disabled > a:hover,
.bn-pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.bn-badge:empty,
.bn-display-none {
	display: none;
}

.bn-press {
	outline-width: 0;
}

.bn-press:focus {
	outline: none;
}

.bn-progress-circ {
	margin: 6px 8px 6px 8px;
}

.bn-right-spacer {
	margin-right: 10px;
}

.bn-strike {
	color: gray;
	text-decoration: line-through;
}

.bn-underline {
	text-decoration: underline;
}

/* space to the right */
.bn-tab-space {
	margin-right: 10px;
}

.bn-textjustify {
	text-align: justify;
}

.bn-textcenter {
	text-align: center;
}

.bn-textleft {
	text-align: left;
}

.bn-top-action-bar {
	background-color: #e6e6e6;
}

.bn-repeat {
	margin-bottom: 15px;
}

.bn-status {
	width: 150px;
}

.bn-status-flex {
	width: 224px;
}
@media (max-width: 348px) {
	.bn-status-flex {
		width: 95%;
	}
}

.bn-v-align {
	vertical-align: middle;
}

.bn-vspacer {
	height: 6px;
	margin: 0;
	visibility: hidden;
}

.bn-height-24 {
	height: 24px;
}

.bn-height-32 {
	height: 32px;
}

.bn-height-54 {
	height: 54px;
}

.bn-height-64 {
	height: 64px;
}

.bn-height-74 {
	height: 74px;
}

.bn-height-96 {
	height: 96px;
}

.bn-height-128 {
	height: 128px;
}

.bn-height-400 {
	height: 400px;
}

.bn-height-600 {
	height: 600px;
}

.bn-width-12 {
	width: 12px;
}

.bn-width-16 {
	width: 16px;
}

.bn-width-38 {
	width: 38px;
}

.bn-width-48 {
	width: 48px;
}

.bn-width-52 {
	width: 52px;
}

.bn-header-divider {
	color: #03a9b0;
	margin: 12px 0 8px 0;
	width: 100%;
	border: 0;
	height: 3px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #03a9b0bf, rgba(0, 0, 0, 0));
}

.bn-left-28 {
	left: 28px;
}

.bn-left-31 {
	left: 31px;
}

.bn-left-42 {
	left: 38px;
}

.bn-top-0 {
	top: 0px;
}

.bn-top-8 {
	top: 8px;
}

.bn-top-12 {
	top: 12px;
}
.bn-top-19 {
	top: 19px;
}

.bn-note-divider {
	color: #03a9b0;
	margin: 12px 0 8px 0;
	border: 0;
	height: 2px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #03a9b0bf, rgba(0, 0, 0, 0));
}

.bn-note-vborder {
	border-left: thick solid #03a9b0;
	border-left-width: 8px;
	border-radius: 7px;
	padding-left: 4px;
}

.bn-note-vborder-dec {
	border-left: thick solid #b2b2b2;
	border-left-width: 8px;
	border-radius: 7px;
	padding-left: 4px;
}

.bn-note-vborder-task {
	border-left: thick solid #f5af29;
	border-left-width: 8px;
	border-radius: 7px;
	padding-left: 4px;
}

.bn-note-vborder-topic {
	border-left: thick solid #878787;
	border-left-width: 8px;
	border-radius: 7px;
	padding-left: 4px;
}

.bn-note-vspace {
	margin-left: 12px;
}

.bn-ws-pre-wrap {
	white-space: pre-wrap;
}

.bn-wordbreakall {
	word-break: break-all;
}

/* IE only related */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.bn-ie-note-vspace {
		margin-left: 12px;
	}

	.bn-ie-width-90 {
		width: 90%;
	}
}

/* Edge only related */
@supports (-ms-accelerator: true) {
	.bn-ie-note-vspace {
		margin-left: 12px;
	}

	.bn-ie-width-90 {
		width: 90%;
	}
}

/* Safari only related */
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
	.bn-ios-margin {
		margin-left: 12px;
	}
}

/* firefox ony related */
@-moz-document url-prefix() {
	.bn-ie-note-vspace {
		margin-left: 12px;
	}
}

.bn-minutes-org-section {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex: 1 1 20%;
	-ms-flex: 1 1 20%;
	flex: 1 1 20%;
	max-width: 20%;
	max-height: 100%;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* Animations */

/* record blink animation */
.bn-blink {
	color: #e8426a;
	-webkit-animation: anim_blink 2s steps(5, start) infinite;
	-moz-animation: anim_blink 2s steps(5, start) infinite;
	animation: anim_blink 2s steps(5, start) infinite;
}
.bn-blink-remain {
	color: #e8426a;
	-webkit-animation: anim_blink 1s steps(5, start) infinite;
	-moz-animation: anim_blink 1s steps(5, start) infinite;
	animation: anim_blink 1s steps(5, start) infinite;
}
@-webkit-keyframes anim_blink {
	to {
		visibility: hidden;
	}
}
@keyframes anim_blink {
	to {
		visibility: hidden;
	}
}

.bn-hover {
	cursor: pointer;
}

/* underline from center */
.bn-hover-underline {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
}
.bn-hover-underline:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50.1%;
	right: 50.1%;
	bottom: 0;
	background: rgb(0, 172, 171);
	height: 4px;
	-webkit-transition-property: left, right;
	-moz-transition-property: left, right;
	-o-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.bn-hover-underline:hover:before,
.bn-hover-underline:focus:before,
.bn-hover-underline:active:before {
	left: 0;
	right: 0;
}

/* animation when one item move left or right */
.bn-pad-left {
	-webkit-transition: padding-left 0.5s ease-in-out;
	-moz-transition: padding-left 0.5s ease-in-out;
	-o-transition: padding-left 0.5s ease-in-out;
	transition: padding-left 0.5s ease-in-out;
}

/* pagination fade*/
.bn-pag-fade.ng-enter-stagger,
.bn-pag-fade.ng-move-stagger {
	transition-delay: 50ms;
}
.bn-pag-fade.ng-enter,
.bn-pag-fade.ng-move {
	-webkit-transition: 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
	-moz-transition: 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
	-ms-transition: 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
	-o-transition: 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
	transition: 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
	opacity: 0;
}
.bn-pag-fade.ng-enter.ng-enter-active {
	opacity: 1;
}
.bn-pag-fade.ng-move.ng-move-active {
	opacity: 0;
}

/* use with ng-repeat */
.bn-repeat.ng-enter,
.bn-repeat.ng-move {
	-webkit-transition: 0.2s linear all;
	-moz-transition: 0.2s linear all;
	-o-transition: 0.2s linear all;
	transition: 0.2s linear all;
	opacity: 0;
}
.bn-repeat.ng-enter.ng-enter-active,
.bn-repeat.ng-move.ng-move-active {
	opacity: 1;
}
.bn-repeat.ng-leave {
	-webkit-animation: 0.5s anim_fadeout;
	-moz-animation: 0.5s anim_fadeout;
	animation: 0.5s anim_fadeout;
}
@-webkit-keyframes anim_fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes anim_fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

/* animation when show or hide */
.bn-show-hide {
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.bn-show-hide.ng-hide {
	opacity: 0;
}
.bn-show-hide.ng-show {
	opacity: 1;
}

/* fadein use by ui-view */
.bn-fadein.ng-enter {
	animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
}
.bn-fadein.ng-enter {
	animation-name: fadein;
	-moz-animation-name: fadein;
	-webkit-animation-name: fadein;
}
@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* ng-material-datetimepicker */
.dtp table.dtp-picker-days tr > td > a.selected,
.dtp table.dtp-picker-days tr > td > a.selected.hilite,
.dtp div.dtp-date,
.dtp div.dtp-time,
.dtp .dtp-hand.on,
.dtp .dtp-actual-meridien a.selected,
.dtp .dtp-picker-time > a.dtp-select-hour.selected {
	background: #2abab9;
}

.dtp table.dtp-picker-days tr > td > a.hilite:not(.selected),
.dtp div.dtp-actual-time.p60 span.selected {
	color: #2abab9;
}

.dtp div.dtp-year-btn,
.dtp div.dtp-actual-year,
.dtp div.dtp-actual-maxtime {
	color: #d0f0f0;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
	background: #009796;
}

.bn-row-start-center {
	flex-direction: row;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	align-content: center;
	max-width: 100%;
	justify-content: flex-start;
}

.bn-row {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
.bn-column {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: row;
}

md-checkbox.bn-hideicon .md-icon {
	display: none;
}

.bn-file-card-w-btn {
	padding: 0 8px 0 0;
}

.bn-file-card-wo-btn {
	padding: 6px 10px 7px 10px;
}

.bn-file-card-btn {
	padding: 0;
	margin: 0;
	width: 36px;
	min-width: 36px;
}

.bn-bg-topic-grey {
	background-color: #878787;
}
.bn-bg-dark-grey {
	background-color: #585858;
}

.bn-user-writing {
	margin: -18px 0 0 -14px;
}

.bn-search-box {
	margin: 0;
	height: 32px;
	font-size: 80%;
}
.bn-search-box input {
	background: white;
	opacity: 0.7;
	border-radius: 15px;
	padding: 0 12px;
}

.bn-version-container {
	position: absolute;
	left: 50%;
}

.bn-version-text {
	position: relative;
	left: -50%;
	background-color: white;
	border-radius: 0 0 5px 5px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	z-index: 3;
}

.md-button.md-icon-button.bn-search-button {
	margin-top: -16px;
}

.bn-folder-btn {
	width: 128px;
	margin: 6px 0 6px 0;
}

.bn-folder-icon {
	width: 48px;
	height: 64px;
}

.bn-folder-icon svg {
	fill: #b2b2b2;
}

.bn-folder-text {
	font-size: 1em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-before: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	text-transform: none;
	line-height: normal;
	white-space: pre-wrap;
	width: inherit;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.bn-new-folder {
	margin: 18px 44px 6px 44px;
}

md-icon svg {
	fill: inherit;
}

.bn-no-max-width {
	max-width: none;
}

.bn-no-outline {
	outline: none;
}

md-checkbox [ng-transclude] {
	pointer-events: none;
}

.bn-z-index-5 {
	z-index: 5;
}

.bn-max-height-90vh {
	max-height: 90vh;
}

.bn-max-width-40 {
	max-width: 40px;
}

.bn-max-width-95-400 {
	width: 95%;
	max-width: 400px;
}

.bn-max-width-95-500 {
	width: 95%;
	max-width: 500px;
}

.bn-max-width-300 {
	max-width: 300px;
}

.bn-max-width-800 {
	max-width: 800px;
}

.bn-accept-btn {
	padding: 0;
	margin: 0 6px 0 0;
	min-width: 44px;
}

.bn-panel-orgjoin {
	background: white;
	padding: 16px;
	border-radius: 8px;
	min-width: 272px;
}

.bn-panel-member,
.bn-panel-meeting-info {
	background: white;
	padding: 6px 10px 6px 6px;
	border-radius: 8px;
}

.bn-panel-debug {
	background: rgb(230, 230, 230);
	padding-left: 10px;
	border: 1px solid rgb(66, 66, 66);
	max-height: 500px;
	max-width: 800px;
}

.bn-panel-teams {
	background: white;
	padding-left: 10px;
	min-height: 100px;
	min-width: 60vw;
	max-height: 500px;
	max-width: 75vw;
	border-radius: 4px;
}

.bn-panel-nav-button {
	flex-grow: 1;
	flex-basis: 100%;
	min-height: 48px;
}

.bn-dark-text {
    letter-spacing: .00625em;
    font-family: Roboto,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    color: #202124 !important;
}

.bn-avail-space_progress {
	height: unset;
	/* width: 212px; */
}

md-progress-linear .md-container .md-bar {
	height:unset;
}

.bn-avail-space_progress>div {
	height: 8px;
	background: #0000001a;
	border-radius: 4px;
}

.bn-onboarding-progress {
	width: 212px;
	padding-bottom: 12px;
}
@media (max-width: 959px) {
	.bn-onboarding-progress {
		padding: 0 0 8px 8px;
		width: 186px;
	}
}

.bn-onboarding-progress .md-bar {
	background-color: orange;
}

.bn-onboarding-progress .md-bar.md-bar2 {
	height: 10px;
	border-radius: 4px;
}

.bn-onboarding-progress .md-container {
	background-color: white;
	height: 10px;
}
@media (max-width: 959px) {
	.bn-onboarding-progress .md-container {
		background-color: black;
	}
}

.bn-progress-btn.md-button.md-icon-button {
	margin: 0;
	padding: 0;
	width: 36px;
	height: 36px;
}

.bn-progress-drop-down {
	margin: -6px 0 0 -6px;
	width: 48px;
	height: 48px;
	font-size: 48px;
}

.bn-progress-panel {
	background: white;
	padding: 4px;
	border-radius: 8px;
	min-width: 272px;
}

.bn-academy-explain {
	font-size: 14px;
	padding: 0;
}

.bn-academy-border-bottom {
	border-style: solid;
	border-width: 0 0 1px 0;
	margin: 0 -8px 0 -8px;
	padding: 4px 0 4px 0;
}

.bn-font-size-9 {
	font-size: 9px;
}

.bn-font-size-10 {
	font-size: 10px;
}

.bn-font-size-12 {
	font-size: 12px;
}

.bn-font-size-11 {
	font-size: 11px;
}

.bn-font-size-14 {
	font-size: 14px;
}

.bn-font-size-15 {
	font-size: 15px;
}

.bn-font-size-16 {
	font-size: 16px;
}

.bn-font-size-18 {
	font-size: 18px;
}

.bn-font-size-20 {
	font-size: 20px;
}

.bn-font-size-22 {
	font-size: 22px;
}

.bn-font-size-24 {
	font-size: 24px;
}

.bn-font-size-28 {
	font-size: 28px;
}

.bn-obt-details {
	padding: 0 32px 8px 32px;
	font-size: 14px;
}

.bn-obt-dont-display {
	margin: 0;
	font-size: 12px;
}

.bn-obt-dont-display .md-icon {
	transform: scale(0.6);
}

.bn-obt-dont-display .md-label {
	left: -8px;
	padding-top: 3px;
}

.bn-obt-dont-display .md-container .md-ink-ripple {
	width: 14px;
}

.bn-obt-video {
	max-width: 75vw;
}

.bn-obt-list span:hover {
	color: #2abab9;
	text-decoration: none;
}

.bn-24x24 {
	width: 24px;
	height: 24px;
}

.bn-req-upgrade-chk {
	padding: 16px 16px 0 16px;
	border: 2px solid rgb(66, 66, 66);
	border-radius: 8px;
}

.bn-chips-no-box-shadow md-chips-wrap {
	box-shadow: none;
}

.bn-minutes-logo {
	width: 300px;
	height: auto;
}

.bn-minutes-logo-215 {
	width: 215px;
	height: auto;
}

.bn-freemium-star {
	font-size: 16px;
	min-height: 16px;
	height: 16px;
}

.bn-list-dialog li {
	padding: 8px 6px;
}

.bn-list-dialog li ul {
	padding-top: 6px;
}

.bn-list-dialog li li {
	padding: 2px 6px;
}

.bn-no-padding-left {
	padding-left: 0 !important;
}

.bn-panel-meeting-info {
	min-width: 280px;
	padding: 12px 20px 12px 12px;
}

.bn-address-icon {
	font-size: 1.5em;
	padding: 0 4px 0 0;
	margin: -1px 0 0 0;
}

.bn-address-icon-help {
	font-size: 1.5em;
	padding: 6px 0 6px 0;
}

.bn-room-icon {
	font-size: 1em;
	padding: 1px 0 0 4px;
	margin: 0;
}

.bn-total-style {
	background: rgb(130, 130, 130);
	padding: 4px 2px 4px 2px;
	color: white;
}

.bn-users-bill {
	width: 50px;
	margin: 0;
	padding: 0;
}

.bn-room-icon-help {
	font-size: 1em;
	padding: 9px 0 3px 0;
}

.bn-personal-note-edit {
	border: 0;
	width: 100%;
}

.bn-personal-input-container {
	padding: 0;
	margin: 16px 0 0 0;
	width: 100%;
}

md-input-container textarea {
	overflow: auto;
	max-height: 35vh;
}

.bn-font-size-12 {
	font-size: 12px;
}

.bn-font-size-13 {
	font-size: 13px;
}

.bn-required-icon {
	font-size: 1.25em;
	padding-top: 2px;
	cursor: default;
}

.bn-headnote {
	font-size: 1em;
	padding: 10px;
	background-color: rgba(205, 205, 205, 0.45);
}

@media (min-width: 600px) {
	md-menu-content {
		max-height: 75vh;
	}

	md-select-menu,
	md-select-menu md-content {
		max-height: 75vh;
	}
}

.bn-edit-title {
	border-radius: 7px;
	border: 2px solid #b2b2b2;
	padding-left: 4px;
}

.bn-stats-row {
	height: 40px;
}

.bn-stats-label {
	min-width: 192px;
}

.bn-stats-value {
	width: 54px;
}

.bn-stats-report {
	min-width: 160px;
}

.bn-stats-percent {
	padding-top: 1px;
	font-size: 80%;
}

.bn-go-to-topic {
	position: fixed;
	z-index: 30;
	bottom: 6px;
	left: calc(var(--meeting-window-width) - 42px);
}

.bn-btn-antidote {
	width: 150px;
	background-color: white;
	border: 1px solid #006299;
	border-radius: 4px;
}

.bn-top-antidote {
	position: fixed;
	z-index: 2;
	top: 100px;
	right: 10px;
}

.bn-top-plan-antidote {
	position: fixed;
	z-index: 3;
	top: 150px;
	right: 10px;
}

.bn-show-antidote {
	color: #006299;
	margin-left: 0;
	margin-right: 0;
}

.bn-br {
	height: 8px;
}

.bn-sex-icon {
	padding: 0 0 4px 8px;
	height: 14px;
	width: 14px;
	min-height: 14px;
	min-width: 14px;
}

.bn-teammate-icon {
	font-size: 1.3em;
	padding: 0 8px 0 0;
	margin: 0;
}

.bn-teammate-icon-email {
	font-size: 1.3em;
	padding: 2px 8px 0 0;
	margin: 0;
}

.bn-free-trial {
	padding: 2px 16px 2px 16px;
	border-style: solid;
	border-width: 2px;
	border-color: #f30b0b;
	background-color: rgb(243, 228, 11);
	border-radius: 12px;
}

.bn-free-trial-star {
	font-size: 24px;
	min-height: 24px;
	height: 24px;
	color: #f30b0b;
}

.bn-free-trial-text {
	padding: 0 12px 0 12px;
}

.bn-global-timer {
	padding: 1px 5px 1px 3px;
	background: white;
	border: 2px solid #878787;
	border-radius: 8px;
}

.bn-turquoise {
	color: #2abab9;
}

.bn-overflow-auto {
	overflow: auto;
}

.bn-ws-nowrap {
	white-space: nowrap;
}

.bn-line-left {
	border-top: 3px solid #f0f0f0;
	margin: 9px 12px 0 0;
}

.bn-line-right {
	border-top: 3px solid #f0f0f0;
	margin: 9px 0 0 12px;
}

.md-button.bn-oauth.md-raised {
	background-color: #f0f0f0;
}

.md-button.bn-oauth.md-raised:hover,
.md-button.bn-oauth.md-raised.md-focused {
	background-color: #d5d5d5;
}

.bn-line-height-20 {
	line-height: 20px;
}

.bn-line-height-48 {
	line-height: 48px;
}

.bn-quote-background {
	background: #e6e6e6;
}

.bn-edit-lock-outline {
	position: absolute;
	color: white;
	width: 20px;
	height: 20px;
	min-height: 0;
	min-width: 0;
	right: 10px;
	top: 0px;
}

.bn-edit-lock {
	position: absolute;
	width: 18px;
	height: 18px;
	min-height: 0;
	min-width: 0;
	right: 11px;
	top: 1px;
}

.bn-position-relative {
	position: relative;
}

.bn-tooltip-parent {
	position: relative;
	z-index: 1;
}

.bn-template-content {
	padding: 8px;
}
@media (min-width: 600px) {
	.bn-template-content {
		padding: 24px;
	}
}

.bn-topic-content {
	padding: 0 8px 0 8px;
}
@media (min-width: 600px) {
	.bn-topic-content {
		padding: 0 24px 0 24px;
	}
}

.bn-break-icon {
	height: 18px;
	width: 18px;
	min-height: 18px;
	min-width: 18px;
	margin: -4px 4px 0 0;
}

.bn-admin-user-stats {
	padding: 8px 8px 8px 8px;
	margin: 8px -8px -8px -8px;
	background-color: #f0f0f0;
}

.bn-event-link-card {
	max-height: 70vh;
	overflow-y: auto;
}

.bn-no-team {
	padding-left: 8px;
	padding-right: 8px;
	border-radius: 4px;
	border-style: solid;
	border-color: #e8426a;
	border-width: 2px;
	background-color: #fff7f7;
}

.bn-no-team > span {
	font-size: 12px;
	font-weight: bold;
}

.bn-trial-box-mh-145 {
	min-height: 145px;
}

.bn-arrows {
	position: relative;
	left: 24px;
	width: 40px;
	height: 40px;
	min-width: 40px;
}

.bn-arrows:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-left: 13.33333px solid rgba(0, 0, 0, 0.7);
	border-bottom: 13.33333px solid rgba(0, 0, 0, 0.7);
	transform: translate(53.33333px, 0px) rotate(45deg);
	animation: bn-arrows 1.5s linear infinite;
}

.bn-arrows:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-left: 13.33333px solid rgba(0, 0, 0, 0.7);
	border-bottom: 13.33333px solid rgba(0, 0, 0, 0.7);
	transform: translate(0px, 0px) rotate(45deg);
	animation: bn-arrows 1.5s linear infinite -1.5s;
}

@keyframes bn-arrows {
	0% {
		border-left: 13.33333px solid transparent;
		border-bottom: 13.33333px solid transparent;
		transform: translate(26.66667px, 0px) rotate(45deg);
	}
	10%,
	90% {
		border-left: 13.33333px solid transparent;
		border-bottom: 13.33333px solid transparent;
	}
	50% {
		border-left: 13.33333px solid rgba(0, 0, 0, 0.7);
		border-bottom: 13.33333px solid rgba(0, 0, 0, 0.7);
		transform: translate(0px, 0px) rotate(45deg);
	}
	100% {
		border-left: 13.33333px solid transparent;
		border-bottom: 13.33333px solid transparent;
		transform: translate(-26.66667px, 0px) rotate(45deg);
	}
}

.bn-sm-arrows-nm {
	position: relative;
	top: -2px;
	left: 20px;
	width: 16px;
	height: 16px;
}

.bn-sm-arrows-nm:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-left: 5px solid rgba(0, 0, 0, 0.7);
	border-bottom: 5px solid rgba(0, 0, 0, 0.7);
	animation: bn-sm-arrows 1.5s linear infinite;
}

.bn-sm-arrows-nm:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-left: 5px solid rgba(0, 0, 0, 0.7);
	border-bottom: 5px solid rgba(0, 0, 0, 0.7);
	animation: bn-sm-arrows 1.5s linear infinite -1.5s;
}

.bn-sm-arrows {
	position: relative;
	top: -2px;
	left: -12px;
	width: 16px;
	height: 16px;
}

.bn-sm-arrows:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-left: 5px solid rgba(0, 0, 0, 0.7);
	border-bottom: 5px solid rgba(0, 0, 0, 0.7);
	animation: bn-sm-arrows 1.5s linear infinite;
}

.bn-sm-arrows:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-left: 5px solid rgba(0, 0, 0, 0.7);
	border-bottom: 5px solid rgba(0, 0, 0, 0.7);
	animation: bn-sm-arrows 1.5s linear infinite -1.5s;
}

@keyframes bn-sm-arrows {
	0% {
		border-left: 5px solid transparent;
		border-bottom: 5px solid transparent;
		transform: translate(8px, 0px) rotate(45deg);
	}
	10%,
	90% {
		border-left: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}
	50% {
		border-left: 5px solid rgba(0, 0, 0, 0.7);
		border-bottom: 5px solid rgba(0, 0, 0, 0.7);
		transform: translate(-8px, 0px) rotate(45deg);
	}
	100% {
		border-left: 5px solid transparent;
		border-bottom: 5px solid transparent;
		transform: translate(-24px, 0px) rotate(45deg);
	}
}

.bn-sm-arrows-right {
	position: relative;
	top: 14px;
	left: -12px;
	width: 16px;
	height: 16px;
}

.bn-sm-arrows-right:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-left: 5px solid rgba(0, 0, 0, 0.7);
	border-bottom: 5px solid rgba(0, 0, 0, 0.7);
	animation: bn-sm-arrows-right 1.5s linear infinite;
}

.bn-sm-arrows-right:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-left: 5px solid rgba(0, 0, 0, 0.7);
	border-bottom: 5px solid rgba(0, 0, 0, 0.7);
	animation: bn-sm-arrows-right 1.5s linear infinite -1.5s;
}

@keyframes bn-sm-arrows-right {
	0% {
		border-left: 5px solid transparent;
		border-bottom: 5px solid transparent;
		transform: translate(-24px, 0px) rotate(225deg);
		/*transform: translate(8px, 0px) rotate(45deg);*/
	}
	10%,
	90% {
		border-left: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}
	50% {
		border-left: 5px solid rgba(0, 0, 0, 0.7);
		border-bottom: 5px solid rgba(0, 0, 0, 0.7);
		transform: translate(-8px, 0px) rotate(225deg);
	}
	100% {
		border-left: 5px solid transparent;
		border-bottom: 5px solid transparent;
		transform: translate(8px, 0px) rotate(225deg);
		/*transform: translate(-24px, 0px) rotate(45deg);*/
	}
}

.bn-tabs-billing-frm {
	border-bottom: 1px solid lightgray;
	padding: 8px 0 8px 0;
}

.bn-tabs-billing-frm-selected {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: lightgray;
}

.bn-tabs-billing {
	color: lightgray;
}

.bn-tabs-billing-selected {
	color: black;
}

.bn-tabs-billing-pm-frm {
	border-bottom: 1px solid lightgray;
	padding: 8px 8px 18px 8px;
}

@media (max-width: 600px) {
	.bn-tabs-billing {
		font-size: 12px;
	}
}

.bn-billing-payint-head-padding {
	padding: 11px 0 11px 0;
}

.bn-billing-payint-selcolor {
	background-color: #fff4ff;
}

.bn-billing-payint-selcolor-header {
	background-color: #ebdfeb;
}

.bn-billing-licenses {
	border: solid 1px lightgray;
	padding: 8px 8px 2px 8px;
	border-radius: 5px;
}

.bn-promo-val-icon {
	min-height: 16px;
	height: 16px;
	margin: 12px 0 6px 0;
}

.bn-free-month {
	color: white;
	background-color: #e8426a;
	font-size: 12px;
	border-radius: 4px;
	padding: 3px 7px 2px 7px;
}

.bn-prd-desc {
	padding-left: 4px;
	font-size: 12px;
}

.bn-prd-qty-btn.md-button.md-icon-button {
	margin: 0;
}

.bn-invoicing-min-width {
	min-width: 480px;
}
@media (min-width: 600px) and (max-width: 749px) {
	.bn-invoicing-min-width {
		min-width: 260px;
		max-width: 260px;
		/*width: 260px;*/
	}
}
@media (min-width: 750px) and (max-width: 849px) {
	.bn-invoicing-min-width {
		min-width: 300px;
		max-width: 300px;
		/*width: 300px;*/
	}
}
@media (min-width: 850px) and (max-width: 959px) {
	.bn-invoicing-min-width {
		min-width: 340px;
		max-width: 340px;
		/*width: 340px;*/
	}
}
@media (min-width: 960px) and (max-width: 1279px) {
	.bn-invoicing-min-width {
		min-width: 400px;
		max-width: 400px;
		/*width: 400px;*/
	}
}
@media (min-width: 1280px) {
	.bn-invoicing-min-width {
		width: 500px;
	}
}

.bn-word-wrap {
	word-wrap: normal;
}

.bn-no-spin input[type="number"] {
	-moz-appearance: textfield;
}

.bn-no-spin input[type="number"]::-webkit-outer-spin-button,
.bn-no-spin input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.bn-panel-offer {
	background: white;
	border-radius: 6px;
}

@media (max-width: 374px) {
	.bn-trial-offer {
		width: 300px;
		height: 100px;
		border-radius: 6px 6px 0 0;
	}

	.bn-trial-offer-width {
		max-width: 300px;
	}
}

@media (min-width: 375px) and (max-width: 599px) {
	.bn-trial-offer {
		width: 360px;
		height: 120px;
		border-radius: 6px 6px 0 0;
	}

	.bn-trial-offer-width {
		max-width: 360px;
	}
}

@media (min-width: 599px) {
	.bn-trial-offer {
		width: 512px;
		height: 170px;
		border-radius: 6px 6px 0 0;
	}

	.bn-trial-offer-width {
		max-width: 512px;
	}
}

.bn-trial-offer-details {
	padding: 16px;
}

.bn-trial-check-ico {
	width: 22px;
	height: 22px;
	margin-right: 4px;
}

.bn-oops {
	width: 500px;
	height: 188px;
	border-radius: 4px 4px 0 0;
}

.bn-est-topic-start {
	font-size: 11px;
	cursor: default;
}

.bn-billing-um {
	margin: 2px 12px 2px 12px;
	line-height: 24px;
	min-height: 24px;
}

.grecaptcha-badge {
	visibility: hidden;
	position: static !important;
	width: 0 !important;
	height: 0 !important;
}

.bn-email-unconfirmed {
	padding: 4px;
	font-size: 12px;
	color: #ffffff;
	background-color: #9d549b;
}

.bn-round-btn {
	border-radius: 16px;
	width: 300px;
	text-transform: none;
	font-size: 18px;
	margin-left: 0;
	margin-right: 0;
}

.bn-small-round-btn {
	border-radius: 16px;
	min-height: 24px;
	line-height: 24px;
	text-transform: none;
	font-size: 14px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 0;
	margin-right: 0;
}

.bn-signup-bottom-tease {
	padding-top: 24px;
	font-size: 20px;
}

.bn-bk-red {
	background-color: #e8426a;
	color: white;
	padding: 4px;
	margin-bottom: 16px;
}

.bn-welcomebanner_onb1 {
	background-color: #f57b29;
	margin-left: 2px;
	margin-right: 2px;
}

.bn-welcomebanner_onb2 {
	background-color: #9d549b;
	margin-left: 2px;
	margin-right: 2px;
}

.bn-remain-char {
	margin-top: -6px;
	padding-right: 2px;
	font-size: 12px;
	color: #e8426a;
}
.bn-remain-char-with-margin {
	margin-top: 6px;
	padding-right: 2px;
	font-size: 12px;
	color: #e8426a;
}

.bn-remain-char-plan {
	padding-bottom: 14px;
	padding-right: 2px;
	font-size: 12px;
	/* color: #e8426a; */
}

.bn-whitelink {
	color: #ffffff;
}

.bn-whitelink:hover {
	color: #cccccc;
}

.bn-video-pos {
	position: relative;
	left: 8px;
	bottom: 8px;
}

.bn-onb-video-arrow {
	margin-left: 36px;
	margin-top: 200px;
}

.bn-ballon-onb {
	--balloon-color: #9d549b;
	--balloon-font-size: 14px;
	text-align: center;
	/* z-index: 200; */
}

.bn-onb-element {
	text-align: unset;
	cursor: default;
	transition: all 500ms ease-in-out;
	pointer-events: none !important;
}
.bn-onb-element[data-balloon-visible-removetoenable] {
	/* border: 1px solid #9d549b; */
}
.bn-onb-element::after {
	text-align: center;
}
[aria-label][data-balloon-pos]:after {
	z-index: 100 !important;
}

#onboarding-clip-path path{
	transition: all 500ms var(--cubic-delay-ease);
}

#bn-onboarding-overlay {
	position: fixed;
	opacity:1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	background-color: rgba(0, 0, 0, 0.5);
	transition: all 500ms var(--cubic-delay-ease);
	clip-path: url('#onboarding-clip-path');
}

.bn-no-pointer {
	pointer-events: none;
}
.bn-secondary-no-pointer .md-button .md-secondary-container {
	pointer-events: none;
}

.bn-onboarding-panel {
    /* background-color: #27c9cd;
	color: #fff; */
	/* min-width: 400px;
	min-height: 300px; */
	border-radius: var(--rounded-corners);
	/* height: 500px; */
	position: absolute;
	/* top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); */
	/* z-index: 85; */
	transition: opacity 250ms var(--cubic);
	transition-delay: 0ms;
	/* CANT PUT PADDING */
}

.bn-onboarding-inner {
	overflow: auto;
}

.bn-onboarding-panel .bn-close-tour-button{
	/* position: absolute;
	top: 0px;
	right: 0px;
	margin: 0;
	padding: 0; */
}

.bn-onboarding-panel .bn-panel-close-button {
	/* background: #029aaf; */
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    /* line-height: 1px; */
}

.bn-onboarding-panel.ng-hide-add {
    /* -webkit-transition: all 1s ease;
    transition: all 1s ease; */
    opacity: 1;
}

.bn-onboarding-panel.ng-hide-add-active {
    opacity: 0;
}

.bn-onboarding-panel.ng-hide-remove {
    /* -webkit-transition: all 1s ease 1s;
    transition: all 1s ease 1s; */
    opacity: 0;
}

.bn-onboarding-panel.ng-hide-remove-active {
	transition-delay: 100ms;
    opacity: 1;
}

/* /* .bn-onboarding-panel.ng-hide-add, .bn-onboarding-panel.ng-hide-remove {
    display: block !important;
} */

.bn-onboarding-panel {
    position: absolute;
	min-width: 400px;
	/* max-width: 600px;
	max-height: 600px; */
}

.bn-onboarding-panel .bn-image-container {
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: var(--rounded-corners) var(--rounded-corners) 0 0;
}

.bn-onboarding-panel .bn-image-container img {
    object-fit: scale-down;
    width: 400px;
    height: 200px;
}
.bn-onboarding-panel .bn-progress-container {
	gap: 0px;
}
.bn-onboarding-panel .bn-progress-point-wrapper {
	/* cursor: pointer; */
}

.bn-onboarding-panel .bn-panel-tour-title {
	opacity: 0.6;;
}
.bn-onboarding-panel .bn-panel-title {
	text-align: center;
	font-size: 38px;
}

.bn-onboarding-panel .bn-panel-content {
	overflow: auto;
	text-align: center;
	font-size: 17px;
	/* padding: 24px; */
}

.bn-onboarding-panel .bn-progress-point {
	opacity: 0.6;
	min-width: 8px;
	min-height: 8px;
	margin: 4px;
	border-radius: 50%;
	border-width: 1px;
	border-style: solid;
	/* border-color: #c5c5c5; */
	background-color: #00000000;
}
/* .bn-onboarding-panel .bn-progress-point.bn-progress-point-active{
	background-color: #c5c5c5;
} */

#bn-onboarding-overlay.ng-hide {
	opacity:0;
}

#bn-onboarding-overlay.ng-enter, #bn-onboarding-overlay.ng-leave {
	/* transition: 2s cubic-bezier(1, 0, 0, 1) all; */
}

#bn-onboarding-overlay.ng-enter {
	opacity: 0;
}
#bn-onboarding-overlay.ng-enter.ng-enter-active {
	opacity: 1;
}
#bn-onboarding-overlay.ng-leave {
	opacity: 1;
}
#bn-onboarding-overlay.ng-leave.ng-leave-active {
	opacity: 0;
}

.bn-balloon-movetopleft {
	margin-left: -18px;
	margin-top: -36px;
	margin-right: 18px;
}

.bn-balloon-moveleft {
	margin-left: -128px;
	padding-right: 128px;
}

.tooltip-multiline {
	height: auto;
}

.text-right {
	text-align: right;
}

.bn-flex-grow-99 {
	flex-grow: 99;
}

.bn-tree-folder-dragging {
	/* background-color: rgb(192, 235, 243); */
	background-color: rgb(212, 231, 231) !important;
	box-shadow: inset 2px 2px rgb(11, 198, 204), inset -2px -2px rgb(11, 198, 204), 0 1px 2px rgb(0 0 0 / 10%);
}

.bn-tree-first-icon {
	margin: 0 !important;
	transition: 200ms 0s ease-in-out;
	position: relative;
	z-index: 10;
}

.bn-tree-rotated-icon {
	transform-origin: 50% 50%;
	transform: rotate(-90deg);
}

.bn-tree-drag-icon {
	position: relative;
	z-index: 50;
	cursor: grab;
	margin-right: 0.5em !important;
	/* color:#f57b29 !important; */
}

.bn-tree-drag-icon-spacer {
	min-width: 24px;
	margin-right: 8px;
}

.bn-tree-second-icon {
	margin: 0 0.4em;
}

.bn-list-item-folder .md-no-style.md-button {
	padding: 0 8px !important;
}
.bn-list-item-folder .md-no-style.md-button .bn-tree-drag-icon {
	margin: 0 !important;
}

.bn-tree-menu-active {
	background: var(--primary-pale);
	/* color: #03a9b0 !important; */
}

.bn-tree-menu-active * {
	color: #03a9b0;
}

.bn-tree-menu-active p {
	font-weight: bold !important;
}

.bn-tree-list-item {
	width: 100%;
}

.bn-tree-list-item .md-list-item-inner {
	min-width: 0;
}

.bn-tree-card-content {
	padding: 0;
	overflow-x: auto;
}

.bn-tree-header-wrapper {
	padding: 0 16px;
	background: #f1f1f1;
}

@media (min-width: 960px) {
	.bn-collapse-button {
		position: absolute;
		left: 16.5em;
	}
}

.bn-tree-list-item-icon {
	margin-right: 0.4em;
}

.bn-tree-table-spacer {
	min-width: 3em;
}

.bn-tree-link-text {
	/* color: #111111; */
	text-decoration: none !important;
}

.bn-tree-link-text:hover {
	color: #42e5ec;
}

.bn-tree-toolbar {
	min-height: 300px;
}

.bn-tree-progress-bar .md-container {
	background-color: rgb(3 169 176 / 20%);
}

.bn-tree-table-header-text {
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}

.bn-tree-header-warning {
	background: var(--primary-pale) !important;
}

.bn-tree-header-button {
	text-align: left;
	width: 100%;
	padding: 0.4em;
	margin: 0;
	border-radius: 0;
}
.bn-tree-list-button {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0.4em;
}
.bn-tree-list-button div span {
	overflow: hidden;
	text-overflow: ellipsis;
}
.bn-tree-size-column {
	width: 5em;
}
.bn-tree-date-column {
	width: 7.3em;
}
.bn-tree-list-last-column {
	width: 6.4em;
}
.bn-tree-list-name-column {
	min-width: 0;
}

.bn-tree-list-action-button {
	padding: 0;
	margin: 0;
	height: 2.4em;
	min-height: 2.4em;
	width: 2.4em;
	min-width: 2.4em;
}
.bn-tree-list-item-text-only-padding {
	padding: 0.4em;
}

.bn-tree-only-folders-container {
	width: 100%;
	height: 100%;
}

.bn-tree-folders-container {
	width: 100%;
	max-height: 18em;
	overflow: auto;
	color: #616161;
}
.bn-tree-folders-list {
	min-width: 100%;
	width: fit-content;
}
@media (min-width: 960px) {
	.bn-tree-folders-container {
		width: 18em;
		max-height: 100%;
	}

	.bn-tree-folders-container .bn-tree-folders-list {
		min-width: 18em;
	}
}

.bn-drag-image {
	background: #009796;
	padding: 1em 2em;
	border-radius: 0.5em;
	transform: translateX(-100%);
	position: absolute;
	font-weight: bold;
	color: white;
}

.bn-tree-list {
	color: #616161;
}

.bn-tree-warning-title {
	margin-right: 0.6em !important;
}

.bn-tree-list md-list-item:not(.bn-tree-menu-active) a {
	color: #616161;
}
.bn-tree-list md-list-item.bn-tree-menu-active a:hover {
	color: #08d1da;
}
.bn-tree-list a {
	transition: 200ms;
}

.bn-tree-list md-checkbox .md-icon {
	border-width: 2.3px;
}

.bn-tree-list md-checkbox .md-icon::after {
	border-width: 2.3px;
}

.bn-tree-list md-checkbox .md-container .md-ripple-container {
	bottom: -14px;
}

.bn-library-tab {
	color: #616161;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar).bn-tree-list-toolbar,
md-toolbar:not(.md-menu-toolbar).bn-tree-list-toolbar {
	background-color: #fbfbfb;
	color: #616161 !important;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar).bn-tree-list-toolbar md-icon,
md-toolbar:not(.md-menu-toolbar).bn-tree-list-toolbar md-icon {
	color: #616161;
}

.bn-text-dark-gray {
	color: var(--dark-gray);
}
.bn-text-medium-gray {
	color: var(--medium-gray);
}

.bn-primary-text-color {
	color: var(--primary-color);
}
.bn-primary-text-color-important {
	color: var(--primary-color) !important;
}

.bn-tree-list-ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.bn-tree-upload-icon-wrapper {
	transition: 300ms;
	position: absolute;
	top: 0;
	height: 60%;
	width: 100%;
}
.bn-tree-upload-icon md-icon {
	font-size: 10em;
}

.bn-tree-upload-icon span {
	text-align: center;
	font-size: 0.6em;
	font-weight: bold;
}

.bn-select-dialog {
	min-height: 95%;
	min-width: 95%;
	border-radius: 0;
}

.bn-folder-select-dialog {
	min-width: 50%;
	max-width: 50%;
}

.bn-collection-select-icon {
	width: 3em;
	height: 4em;
}

.bn-collection-select-icon svg {
	fill: #757575;
}

.bn-dragover {
	box-shadow: 0 0 0 3px rgb(11, 198, 204);
	border-radius: 1px;
}

.bn-height-100 {
	height: 100%;
}

.bn-toolbar-dense {
	height: 50px;
}

#cloudShape {
	width: 74px;
	height: 74px;
	background: var(--primary-color);
	position: relative;
	clip-path: path("M58.5,30.4c-2.1-10.4-11.2-18.3-22.2-18.3c-8.7,0-16.3,5-20.1,12.2C7.1,25.3,0,33,0,42.4c0,10,8.1,18.2,18.2,18.2h39.3,c8.4,0,15.1-6.8,15.1-15.1C72.6,37.4,66.4,30.9,58.5,30.4z");
}
#arrow {
	width: 0;
	height: 0;
	font-size: 2em;
	border-left: 0.3em solid transparent;
	border-right: 0.3em solid transparent;
	border-bottom: 0.3em solid white;
	position: absolute;
	right: 35%;
	top: 95%;
	animation: arrowMoveUp 2.5s infinite cubic-bezier(0.33, 1, 0.66, 0);
	opacity: 1;
}

#arrow i {
	width: 0.3em;
	height: 0.35em;
	display: block;
	background: white;
	margin-left: -0.15em;
	margin-top: 0.15em;
}

@keyframes arrowMoveUp {
	0% {
		margin-top: -0.2em;
	}
	100% {
		margin-top: -2em;
	}
}

/* The starting CSS styles for the enter animation */
.fade.ng-enter {
	transition: 0.5s linear all;
	opacity: 0;
}

/* The finishing CSS styles for the enter animation */
.fade.ng-enter.ng-enter-active {
	opacity: 1;
}

/* now the element will fade out before it is removed from the DOM */
.fade.ng-leave {
	transition: 0.5s linear all;
	opacity: 1;
}
.fade.ng-leave.ng-leave-active {
	opacity: 0;
}
.fade.ng-hide {
	opacity: 0;
}

.bn-small-icon {
	min-width: 20px;
	width: 20px;
}

.bn-inline {
	display: inline-block;
}

.bn-tasks-table-date {
	width: 9.6em;
}

.bn-tasks-table-priority {
	width: 6em;
}

.bn-bs-1 {
	box-shadow: 4px 3px 11px 0px #00000057;
}

.bn-svg-fill-primary {
	fill: #03a9b0;
}
.bn-svg-fill-gray {
	fill: #757575;
}
.bn-svg-fill-none {
	fill: none;
}
.bn-icon-17 {
	width: 1.7em;
	height: 1.7em;
}
.bn-icon-14 {
	width: 1.4em;
	height: 1.4em;
}
.bn-icon-24 {
	font-size: 24px;
	height: 24px;
	width: 24px;
}
.bn-icon-32 {
	font-size: 32px;
	height: 32px;
	width: 32px;
}
.bn-font-size-2 {
	font-size: 2em;
}
.bn-flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.bn-text-accent-dark {
	color: var(--accent-dark);
}
.bn-text-accent-light {
	color: var(--accent-light);
}
.bn-view-pricing {
	line-height: 12px;
	padding-top: 10px;
}

.bn-days-remain {
	font-size: 12px;
	text-transform: none;
	line-height: 14px;
}

/* vote */

.bn-vote-progress-wrapper {
	align-self: center;
	width: 330px;
}
.bn-vote-widget-width {
	width: 65vw;
}
.bn-vote-progress-wrapper > div {
	margin: 1em;
}
.bn-vote-progress-container {
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
}
.bn-vote-progress-numbers {
	z-index: 20;
	font-family: roboto;
	font-weight: 400;
	color: #666;
	font-size: 1.9em;
}
.bn-vote-abstention-count > div {
	color: #424242;
	font-family: roboto;
	font-weight: 400;
	font-size: 1.5em;
}
.bn-vote-question-paragraph {
}
.bn-vote-progress-circular {
	/* width: 150px !important;
	height: 150px !important; */
	/* transform: translate(-50%,-50%); */
	position: absolute;
}
.bn-vote-progress-circular svg {
	/* width: 150px !important;
	  height: 150px !important;
	  transform-origin: 75px 75px 75px !important; */
}

.bn-vote-container {
	border: 2px ridge #666666;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px 0px 0px 6px;
	padding: 1em;
	box-shadow: 3px 3px 6px 0px #0000004d;
	color: rgb(66 66 66);
	position: relative;
	margin: 1em 0;
}
.bn-vote-container button {
	margin: 0;
}
.bn-vote-container .bn-buttons-layout {
	gap: 1em;
}

.bn-vote-option-container {
	flex-wrap: wrap;
}

.bn-vote-option-wrapper {
}
.bn-vote-option-box {
	width: 100%;
	border-radius: 0.6em;
	border: 0.4em solid #777;
	display: flex;
	justify-content: start;
	align-items: center;
	margin: 2em;
	padding: 1em;
}

.bn-vote-selected-option {
	color: var(--primary-color);
}
.bn-vote-selected-option button {
	background: #00e1ff1c;
	border: 2px solid var(--primary-color);
}
.bn-vote-selected-option-abstention {
	color: var(--warn-color);
	background-color: var(--warn-light);
}
.bn-vote-selected-option-abstention button {
	background: #ff00001c;
	border: 2px solid var(--warn-color);
}
.bn-vote-dialog-container {
	width: 100%;
}
.bn-vote-dialog {
}
.bn-vote-dialog-width {
	box-sizing: border-box;
	max-width: 100%;
	width: 600px;
}
.bn-vote-create-dialog-container {
	width: 1000px;
}

.bn-vote-user-completed {
	color: red !important;
}
.bn-vote-top-votes-single {
	color: red;
}
.bn-vote-top-votes-multiple {
	color: orange;
}

.bn-vote-option-abstention {
	height: 70px;
}

.bn-button-large {
	padding: 0.5em 1.3em;
}

.bn-dark-green-button {
	background-color: green !important;
	color: white !important;
	font-weight: bold;
}

.bn-dark-green-button md-icon {
	background-color: green !important;
	color: white !important;
}
.bn-note-gray-title {
	color: gray;
	font-size: 0.9em;
	font-weight: bold;
}
.bn-vertical-divider {
	background: var(--divider);
	width: 1px;
	margin: 0 1em;
}
.bn-horizontal-divider {
	background: var(--divider);
	height: 1px;
	margin: 1em 0;
}
.bn-flex-align-self-center {
	align-self: center;
}
.bn-vote-result-option-row {
	min-height: 1.5em;
	/* max-height: 3em; */
}

.bn-vote-result-option-row div:first-of-type {
	width: 1em;
}
.bn-vote-colored-bar {
	background-color: lightgray;
	margin: 0.05em 1em;
	border-radius: 2px;
}
.bn-vote-single-top .bn-vote-colored-bar {
	background-color: var(--success-green);
}
.bn-vote-multiple-top .bn-vote-colored-bar {
	background-color: var(--warn-color);
}
.bn-vote-single-top .bn-vote-result-count {
	color: var(--success-green);
	font-weight: bold;
}
.bn-vote-multiple-top .bn-vote-result-count {
	color: var(--warn-color);
}
.bn-progress-over {
}
.bn-vote-completed-button[disabled] {
	background-color: var(--success-green) !important;
}
.bn-vote-ongoing-button {
	background-color: var(--accent-dark) !important;
}
.bn-vote-ongoing-button * {
	color: white !important;
}
.bn-vote-button {
	padding: 0.1em 0.9em;
}
.bn-vote-button[disabled] {
	color: white !important;
}
.bn-vote-button[disabled] md-icon {
	color: white !important;
}
.bn-vote-user-has-voted {
	background: var(--light-green);
}
.bn-form-error {
	color: #d50000;
}
md-list-item.bn-vote-option-list-item {
	margin: 5px !important;
	background: #0000000a !important;
}
md-list-item.bn-vote-option-list-item .md-errors-spacer {
	display: none;
}
md-list-item.bn-vote-option-list-item .md-list-item-text {
	width: 100%;
}

md-list-item.bn-vote-option-list-item md-input-container {
	width: 100%;
}
.bn-vote-voting-users-wrapper {
	padding: 0;
	/* max-height: 50vh; */
}
md-list-item.md-no-proxy.bn-vote-contact-item {
	flex: 1;
}
.bn-vote-contact-item {
	flex-grow: 1;
	/* border: 1px solid #00000024; */
}
.bn-vote-contact-item .md-list-item-inner,
.bn-vote-contact-item .md-secondary-container {
	padding: 0 1em;
}
md-input-container .bn-vote-question-textarea {
	background: #0000000a;
	padding: 0.7em;
	min-height: 6em !important;
	height: 6em !important;
}

.bn-vote-create-flex-container {
	gap: 1em;
}
.bn-vote-plan-wrapper {
	padding: 13px 3px;
	color: #878787;
}
.bn-vote-has-voted-button {
	background-color: red !important;
}
.bn-vote-options-chips md-chips-wrap {
	box-shadow: none;
}
.bn-vote-options-chips {
	background-color: #e6e6e6;
	padding: 0.5em 0.9em;
	margin: 0.3em;
	border-radius: 1.6em;
	color: #181818;
}
.bn-gap-1 {
	gap: 0.6em;
}
.bn-gap-2 {
	gap: 1.2em;
}
.bn-gap-6 {
	gap: 6px;
}
.bn-edit-vote-button {
	position: absolute;
	top: 0;
	right: 1em;
	transform: translateY(-50%);
}

.bn-vote-voting-users-legend {
	margin: 0.6em 0.2em;
}
.bn-vote-voting-users-legend > div {
	margin: 0em 1em 0.6em 0.2em;
}

.bn-vote-voting-users-legend div div:first-child {
	border: 1px solid #00000024;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	margin-right: 0.4em;
}

.bn-bg-light-green {
	background: var(--light-green);
}

.bn-bg-light-red {
	background: var(--light-red);
}
.bn-vote-select-users-container {
	width: 500px;
}

.bn-color-success-background {
	background: var(--success-green);
}
.bn-color-success-text {
	color: var(--success-green);
}
.bn-vote-user-active {
	background: var(--primary-pale);
}

.bn-countdown-numbers {
	font-size: xx-large;
}

/* private mode */
.bn-pm-private-border {
	position: relative;
}

.bn-pm-private-border::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* z-index:-1; */
	/* box-shadow: 0 5px 15px rgb(0 0 0 / 30%); */
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	/* background-color:  #ff00af70; */
	box-shadow: 0 0 0 0 #cb354e;
	border-radius: 10px;
	/* transform: translateY(7px); */
}

.bn-pm-private-border-active::before {
	box-shadow: 0 -7px 0 0 #cb354e;
}
.bn-pm-bg {
	padding: 0 4px 0 4px;
	transition: background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.bn-pm-note-bg {
	background-color: #03a9b01c !important;
}
.bn-pm-task-bg {
	background-color: #ffb00026 !important;
}
.bn-pm-decision-bg {
	background-color: #00000012 !important;
}
.bn-pm-note-container {
	position: relative;
}
.bn-pm-is-private-button {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(60%, -25%);
	border: solid 1px #03a9b0;
	background: white;
	padding: 0 !important;
}
.bn-pm-is-private-button:hover {
	background: #eaf8f9 !important;
}
.bn-pm-is-private-button md-icon {
	font-size: 22px;
	min-height: 0;
	height: unset;
}

.bn-border-private-mode {
	border: 10px solid orange;
}
.bn-badge-wrapper {
	flex: 0 1;
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
}
.bn-badge-icon {
	color: var(--primary-color);
	/* background-color: var(--primary-color);
	color: white; */
	/* inset: auto calc(100% - 8px) calc(100% - 10px) auto; */
    top: auto;
    right: calc(100% - 8px);
    bottom: calc(100% - 10px);
    left: auto;
	/* border-radius: 50%; */
	width: 16px;
	height: 16px;
	/* font-size: 5px; */
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bn-help-badge-icon{
	color: var(--primary-color);
	width: 16px;
	min-width: 16px;
}

.bn-badge-icon md-icon {
	/* font-size: 50px; */
	color: var(--primary-color);
    margin: auto;
    background-repeat: no-repeat no-repeat;
    display: inline-block;
    vertical-align: middle;
    fill: var(--primary-color);
	width: 16px;
	height: 16px;
	min-width: 16px;
	min-height: 16px;
}

md-chip.md-focused .bn-badge-icon md-icon {
	color: inherit;
}
.bn-badge-icon img {
	width: 12px;
	color: red;
}

.bn-menu-button-in-menu {
	width: 100%;
	text-align: left;
	text-transform: initial;
	font-size: 15px;
	font-weight: 400;
}
.bn-scroll-buttons-container {
	background: white;
	box-shadow: 3px 3px 9px 4px #00000026;
	padding: 6px;
	border-radius: 50px;
}
.bn-scroll-button {
	width: 24px !important;
	padding: 0px !important;
	height: 24px !important;
	min-height: 0;
	margin: 0 !important;
}
.bn-scroll-button md-icon {
	font-size: 18px;
	height: 18px;
	min-height: 18px;
	width: 18px;
	min-width: 18px;
}
.bn-go-to-topic-button {
	margin: 0 !important;
	padding: 0 !important;
	width: 24px !important;
}
.bn-meeting-window-padding {
	padding: 24px 24px 24px 24px;
}
@media (max-width: 959px) {
	.bn-meeting-window-padding {
		padding: 24px 18px 24px 8px;
	}
}
.md-dialog-container {
	position: absolute;
	z-index: 80;
}

md-dialog {
	max-width: 90%;
	max-height: 90%;
}
.bn-toggle-private-note-dialog {
	position: absolute;
	right: calc(100vw - var(--clientX));
	top: var(--clientY);
	transform: translateX(-100%);
}

.bn-icon-34 {
	height: 36px;
	width: 36px;
	font-size: 34px;
}
.bn-an-tr-right {
	animation: tr-right 2s infinite;
}
.bn-reminder.fade.ng-enter {
	opacity: 0;
	transition: 1s;
}
.bn-reminder.fade.ng-enter-active {
	opacity: 1;
}

@keyframes tr-right {
	0% {
		opacity: 0;
		transform: translateX(-10px);
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateX(10px);
	}
}

.bn-inappmsg {
	border:none;
	width: 100%;
}
.bn-overlay{
	background: #0000005e;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index:50;
	position: absolute;
}

.bn-full-height-meeting{
	/* min-height: calc(100vh - 100px); */
}

.bn-link{
	color: var(--primary-color);
	text-decoration: none;
}

.bn-notify-bar {
    background-color: var(--notify-gray);
	color: white;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    max-height: 168px;
    max-width: 100%;
    min-height: 48px;
    padding: 0 18px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    border-radius: 2px;
    font-size: 14px;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    justify-content: flex-start;
	z-index:50;
	bottom: unset;
	left: unset;
	right: unset;
	width: fit-content;
}

.bn-notify-bar button{
	color: var(--primary-bright);
}

.bn-notify-bar.ng-leave.ng-leave-active {
	opacity: 0;
}

.bn-animation-slide-down.ng-enter, .bn-animation-slide-down.ng-leave {
	transition: 500ms cubic-bezier(0.3, 0, 0, 1) all;
}

.bn-animation-slide-down.ng-enter {
	transform: translateY(-100%);
	/* opacity: 0; */
}

.bn-animation-slide-down.ng-enter.ng-enter-active {
	transform: translateY(0);
	/* opacity: 1; */
}
.bn-animation-slide-down.ng-leave {
	transform: translateY(0);
	/* opacity: 1; */
}
.bn-animation-slide-down.ng-leave.ng-leave-active {
	transform: translateY(-100%);
	/* opacity: 0; */
}


.bn-notification-bar md-icon.md-default-theme, .bn-notification-bar md-icon{
	color: unset;
}

.bn-notification-bar .md-button{
	margin: 0;
	text-transform: none;
	font-size: 16px;
	border-radius: 30px;
    padding: 0px 12px;
    background-color: #f0f8ff00;
    /* box-shadow: none; */
    /* color: white; */
}
.bn-notification-bar:not(.bn-text) .md-button{
    border: 1px solid ;
}
.bn-notification-bar:not(.bn-tile){
	border-radius: 4px;
}

.bn-notification-bar.bn-dense .md-button{
	line-height: 30px;
	min-height: 30px;
}

.bn-notification-bar{
	font-size: 16px;
	/* text-transform: uppercase; */
	min-height: 46px;
	display: flex;
	gap: 14px;
	flex-direction: row;
	align-items: center;
	justify-content: center;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
	transform: translateY(0);
	opacity: 1;
	/* margin-bottom: 8px; */
    flex-wrap: wrap;
    padding: 6px;
	background-color: var(--light-gray);
	color: var(--dark-text);
}
.bn-notification-bar.bn-dense{
	min-height: 30px;
}
.bn-notification-bar.bn-outline.bn-text{
	border-width: 1px;
	border-style: solid;
}
.bn-outline1{
	border-width: 1px;
	border-style: solid;
}
.bn-notification-bar.success{
	background-color: var(--success-green);
	color: white;
}
/* .bn-notification-bar.success .md-button{
	color: var(--success-green);
} */
.bn-notification-bar.success.bn-text{
	background-color: var(--success-green-pale);
	color: var(--success-green);
	border-color: var(--success-green);
}
.bn-notification-bar.info{
	background-color: var(--primary-color);
	color: white;
}
/* .bn-notification-bar.info .md-button{
	color: var(--primary-color);
} */
.bn-notification-bar.info.bn-text{
	background-color: var(--primary-pale);
	color: var(--primary-color);
	border-color: var(--primary-color);
}
.bn-notification-bar.warning{
	background-color: var(--accent-dark);
	color: white;
}
/* .bn-notification-bar.warning .md-button{
	color: var(--accent-dark);
} */
.bn-notification-bar.warning.bn-text{
	background-color: var(--accent-pale);
	color: var(--accent-dark);
	border-color: var(--accent-dark);
}
.bn-notification-bar.error{
	background-color: var(--warn-color);
	color: white;
}
/* .bn-notification-bar.error .md-button{
	color: var(--warn-color);
} */
.bn-notification-bar.error.bn-text{
	background-color: var(--warn-color-pale);
	color: var(--warn-color);
	border-color: var(--warn-color);
}
.bn-notification-bar.bn-text .bn-message{
	color: rgba(0, 0, 0, 0.57);
	border-color: rgba(0, 0, 0, 0.57);
}

.bn-notification-bar-root {
    background-color: var(--notify-gray);
    min-height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
	font-size: 14px;
}

.bn-newsofthehive {
	margin: 8px 2px 8px 2px;
	position: relative;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	overflow: hidden;
}

.bn-news-float-btn-right {
	position: absolute;
	right: -6px;
}

.bn-news-float-left-btn {
	position: absolute;
	left: -6px;
}

md-checkbox.bn-staycon-checkbox .md-label {
	font-size: 12px;
}

md-checkbox.bn-staycon-checkbox {
	margin-bottom: 0px;
}

md-checkbox.bn-staycon-checkbox .md-icon {
	transform: scale(.6);
}

.bn-uppercase {
	text-transform: uppercase;
}

.bn-button-hover-replace.md-button:not([disabled]).md-focused {
	background-color: unset;
}

.bn-button-hover-replace:hover{
	background-color: rgba(158,158,158,0.2) !important;
}

.bn-link-card{
	padding: 0 6px;
}

.bn-link-card a{
	color: var(--primary-color);
	text-decoration: none;
	padding: 11px 8px;
}

.bn-link-card md-card-content{
	padding: 0;
	margin: 4px;
}

.bn-link-card button{
	margin: 0;
	padding: 0;
}

.bn-link-card a:hover{
	color: var(--primary-bright);
}
.bn-card-block .bn-title {
	font-family: 'Google Sans',Roboto,Arial,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.75rem;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    color: #202124;
	margin:10px 0 20px 0;
}
.bn-card-block>.layout-row{
	gap: 14px;
}

md-card .bn-card-block {
	padding: 16px 24px;
}

.bn-no-margin-y {
	margin-top: 0;
	margin-bottom: 0;
}

.bn-sidebar-menu-container {
	/* box-sizing: border-box;
	display: flex;
	flex-direction: column; */
}

.bn-sidebar-menu-container md-divider {
	width: 90%;
}

.bn-sidebar-menu-section {
	width: 100%;
	padding: 6px;
}

.bn-sidebar-menu-item {
	width: 100%;
	min-height: 44px;
	padding: 0 10px;
	margin: 0;
}

.bn-sidebar-menu-item .bn-notify-counter{
	top: 4px;
	left: 10px;
}

.bn-sidebar-menu-item md-icon.bn-margin-x {
	margin:0 8px ;
}

.bn-teams-section{
	flex-grow: 1;
	/* overflow: auto; */
	background-color: #f9f9f9;

}

.bn-flex-shrink-0{
	flex-shrink: 0;
}

.bn-teams-header{
	background-color: #f9f9f9;
}

#main-ui-view>md-content {
	flex-grow:1;
}
.bn-progress-bg-transparent .md-container{
	background-color: rgba(255, 255, 255, 0.66);
}

.bn-quick-plan-dialog{
	border-radius: var(--rounded-corners);
    max-width: clamp(860px, 50vw, 1200px);
}

.bn-rounded-corners{
	border-radius: var(--rounded-corners);
}
.bn-min-width-20vw{
	min-width: 20vw;
}

.bn-quick-plan-form{

	max-width: max(40vw, 680px);
}

.bn-quick-plan-dialog .bn-quick-plan-item {
    padding: max(1.5vw, 10px) max(2vw, 10px);
    margin: 20px;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12), 0px 0px 0 2px var(--gray-text) inset !important;
    border-radius: 12px;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0px;
	/* transform: scale3d(1, 1, 1); */
	transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	text-align: center;
	color: var(--mid-gray-text);
	background-color: #f1f1f1;
	max-width: 300px;
}
.bn-quick-plan-dialog .bn-quick-plan-item:hover,.bn-quick-plan-dialog .bn-quick-plan-item.bn-active {
	transform: scale3d(1.1, 1.1, 1.1);
	cursor: pointer;
    background: #ffffff;
	box-shadow: 0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 27px 36px 6px rgba(0,0,0,.12), 0px 0px 0 2px #03aab0 inset !important;

	/* box-shadow: 5px 5px 16px 4px #0000004a, 0px 0px 0 2px #03aab0ad inset; */
}
.bn-quick-plan-dialog md-toolbar{
	/* background-color: #f1f1f1; */
}
.bn-quick-plan-item .bn-quick-plan-column{
	height: 100%;
	gap: max(12px, 1vw);
}
.bn-quick-plan-item h2{
    font-size: clamp(14px, calc(4px + 1vw), 24px);
	margin: unset;
}
.bn-quick-plan-item .bn-qp-paragraph{
	font-size: clamp(12px, 0.8vw, 18px);
}

.bn-quick-plan-item.editing {
	background-color: red;
}
.bn-quick-plan-item.shrink{
	/* flex-grow: 0;
	max-width: 0px; */
	display: none;
}
.bn-quick-plan-item.grow{
	flex-grow: 99;
}
.bn-quick-plan-item img{
	width: max(7vw, 120px);
}

.bn-quick-plan-item-button{
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid;
	border-color: var(--primary-color);
    color: rgba(255, 255, 255, 0);
    padding: 13px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
	font-size: clamp(11px, 0.8vw, 15px);
	width: auto;
    max-width: 46px;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	white-space: nowrap;
}
.bn-quick-plan-item:hover .bn-quick-plan-item-button,.bn-quick-plan-item.bn-active .bn-quick-plan-item-button{
	max-width: 200px;
	color: white;
	background-color: var(--primary-color);
}
.bn-quick-plan-item .primary{
	border-color:  var(--primary-color);
}
.bn-quick-plan-item-button .primary {
	background-color:  var(--primary-color);
}
.bn-quick-plan-item .yellow{
	border-color:  var(--yellow-color);
}
.bn-quick-plan-item-button .yellow {
	background-color:  var(--yellow-color);
}

.bn-welcome-dialog {
	border-radius: var(--rounded-corners);
}

.bn-welcome-dialog .bn-main-image {
	max-height: 32vh;
}

.bn-button {
	border: unset;
	background-color: unset;
	padding: 4px 16px;
	text-transform: uppercase;
	font-weight: bold;

}

.bn-rounded-button {
	border-radius: 50px;
}
.bn-padded-button{
	padding: 2px 14px;
}
.bn-border-button {
	border: 1px solid;
}
button.bn-text{
	color:rgb(128, 128, 128);
}

button.bn-text:hover {
	background-color: unset !important;
	color: rgb(66, 66, 66);
}
.bn-qp-topics{
	color: var(--mid-gray-text);
}
/* .bn-qp-topics .bn-qp-topic { */
	.bn-qp-topic {
	padding: 8px;
	margin: 5px;
	background-color: #fff;
	box-shadow: 3px 3px 13px -3px rgba(0, 0, 0, 0.185);
    border: 1px solid #d5d5d5;
    border-radius: 10px;
	min-width: 500px;
	min-height: 72px;
}
.bn-qp-topic.bn-pause {
    background-color: #ebebeb;
    border-color: #999999;
}
.bn-qp-topics md-input-container {
	margin-bottom: 0;
	margin-top: 10px;
}
.bn-qp-topics .md-errors-spacer{
	min-height: 10px;
}
.bn-qp-topics .bn-number{
	font-weight: bold;
	min-width: 16px;
	text-align: end;
}

.bn-qp-wrapper .bn-subheader{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: var(--mid-gray-text);
}
.bn-sortable-ghost {
	opacity: 0;
}
.bn-drag-icon{
	width: 24px;
	height: 24px;
	margin-right: 8px;
}
.bn-handle:hover {
	cursor: move;
}

.bn-inappmsg .js {
	overflow-y: hidden;
}

.bn-small-badge-icon{
	font-size: 18px;
}
/*
.bn-new-planning-state {
}
.bn-new-planning-state.ng-enter, .bn-new-planning-state.ng-leave {
	transition: 2s cubic-bezier(1, 0, 0, 1) all;
}

.bn-new-planning-state.ng-enter {
	opacity: 0;
}

.bn-new-planning-state.ng-enter.ng-enter-active {
	opacity: 1;
}
.bn-new-planning-state.ng-leave {
	opacity: 1;
}
.bn-new-planning-state.ng-leave.ng-leave-active {
	opacity: 0;
} */

.bn-new-planning-actions {
	padding: unset;
	padding: 10px 20px;
}

.bn-new-planning-actions button.md-button{
	margin: unset;
	margin: 0 10px;
}
.bn-load-cached-planning-button{
	/* height: 36px; */
}
.bn-load-cached-planning-button.ng-leave {
	transition: 400ms var(--cubic) all;
}
.bn-load-cached-planning-button.ng-leave-active {
	opacity:0;
	/* height:0; */
}

.bn-animate-svg-stroke-opacity {
	fill:rgba(0, 0, 0);
	fill-opacity: 0;
	animation: svg-stroke-opacity 3s var(--cubic-delay-ease) infinite;
	stroke-width: 3;
	stroke: var(--warn-color)
}

@keyframes svg-stroke-opacity {
	0% {
		stroke-opacity: 0;
		fill-opacity: 0.1;
		/* stroke-width: 1 */
	}
	10% {
		stroke-opacity: 1;
		fill-opacity: 0;
		/* stroke-width: 50 */
	}
	100% {
		stroke-opacity: 0;
		fill-opacity: 0.1;
		/* stroke-width: 1 */
	}
}
#bn-onboarding-svg-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
	pointer-events: none;
}
.bn-animate-svg-stroke-dashoffset {
	stroke-dasharray: 400;
	stroke-dashoffset: 500;
	animation: dash 3s cubic-bezier(.3,0,.3,1) 1s infinite;
	/* color: green;
	fill: green; */
	z-index:9100;
  }

  @keyframes dash {
	0% {
		stroke-dashoffset: 400;
		stroke-opacity: 1;
		stroke-width: 2;
		/* stroke-width: 1 */
	}
	70% {
		stroke-dashoffset: -300;
		stroke-opacity: 1;
		stroke-width: 22;
		/* stroke-dashoffset: 0; */
		/* stroke-width: 50 */
	}
	100% {
		stroke-dashoffset: -300;
		stroke-opacity: 0;
		stroke-width: 2;
		/* stroke-dashoffset: 0; */
		/* stroke-width: 1 */
	}
  }

  .bn-no-bs md-chips-wrap {
	  box-shadow: none;
  }

  .bn-small-button md-icon {
	font-size: 18px;
	width: 18px;
	height: 18px;
	min-width: 18px;
	min-height: 18px;
  }

  .bn-close-button-absolute{
	position: absolute;
    right: 0;
    top: 0;
    margin: 4px !important;
	z-index:10;
  }
.bn-absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.bn-no-box-shadow{
	box-shadow: none !important;
}
.bn-gray-text{
	color: var(--gray-text) !important;
}
.bn-z69 {
	z-index: 69 !important;
}

.bn-two-line-button {

}

.bn-two-line-button .bn-button-text-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 100%;
}

.bn-primary-button-text {
	line-height: 16px;

}
.bn-secondary-button-text {
	line-height: 16px;
	font-size: 10px;
	text-transform: none !important;
	opacity: 0.6;
}
.bn-sticky{
	position: sticky;
}
.bn-centered-notification {
	transform: translate(-50%, 10px);
	left: 50%;
}
.bn-centered-notification-container {
	position: absolute;
	z-index: 70;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.bn-overflow-y-scroll-auto{
	overflow-y: auto;
}

.bn-min-width-40 {
	min-width: 40px !important;
}