.cornerTitle {
	color: #FFFFFF;
	font-weight: bold;
	font-family: "arial", sans-serif;
	font-size: 150%;
}

.cornerBlurb {
	color: #FFFFFF;
	font-weight: bold;
	font-family: "arial", sans-serif;
	font-size: 90%;
}

.cornerTime {
	color: #FFFFFF;
	font-size: 70%;
	font-family: "arial", sans-serif;
}

.cornerLocation {
	color: #FFFFFF;
	font-family: "arial", sans-serif;
}

.sidebarTransDiv {
	-moz-border-radius: 25px;
	border-radius: 25px;
	opacity: 1;
	width: 230px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 17px;
	padding-right: 17px;
	color: #FFFFFF;
	background-color: rgba(50, 50, 50, 0.8);
	display: inline-block;
	font-family: "arial", sans-serif;
	behavior: url(/Dashboard/style/PIE.htc);
}

.transbox {
	-moz-border-radius: 25px;
	border-radius: 25px;
	opacity: 1;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 17px;
	padding-right: 17px;
	color: #FFFFFF;
	background-color: rgb(50, 50, 50);
	background-color: rgba(50, 50, 50, 0.8);
	font-family: "arial", sans-serif;
	/* for displaying on img-based background */
	position: relative;
	display: inline-block;
	behavior: url(/Dashboard/style/PIE.htc);
}

.tableDiv {
	display: table;
}

.colSmall {
	position: relative;
	width: 12em;
	height: 1em;
	display: table-cell;
	color: #FFFFFF;
}

.colLarge {
	position: relative;
	width: 20em;
	height: 1em;
	display: table-cell;
	color: #FFFFFF;
}

.colSmaller {
	position: relative;
	width: 8em;
	height: 1em;
	display: table-cell;
	color: #FFFFFF;
}

.colLarger {
	position: relative;
	width: 30em;
	height: 1em;
	display: table-cell;
	color: #FFFFFF;
}

.colSmallest {
	position: relative;
	width: 4em;
	height: 1em;
	display: table-cell;
	color: #FFFFFF;
}

.colFree {
	position: relative;
	padding-right: 5px;
	padding-left: 2px;
	height: 1em;
	display: table-cell;
	color: black;
}

.rowDiv {
	display: table-row;
}

.PageTitleStyle {
	color: #FFFFFF;
	font-weight: bold;
	font-family: "arial", sans-serif;
	font-size: 125%;
	display: inline;
	white-space: nowrap;
	vertical-align: middle;
}

.PageSubTitleStyle {
	color: #FFFFFF;
	font-weight: bold;
	font-family: "arial", sans-serif;
	font-size: 110%;
	display: inline;
	white-space: nowrap;
	vertical-align: middle;
}

.closeDivImage {
	vertical-align: middle;
}

.nowrap {
	white-space: nowrap;
}

.blackbox {
	-moz-border-radius: 25px;
	border-radius: 25px;
	opacity: 1;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 17px;
	padding-right: 17px;
	color: #FFFFFF;
	background-color: #000000;
	display: inline-block;
	font-family: "arial", sans-serif;
}

.DynamicImageButton {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	color: #FFFFFF;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	background-size: 100% 100%;
	text-align: center;
}

.ShortDynamicImageButton {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	color: #FFFFFF;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	background-size: 100% 100%;
	text-align: center;
}

.SmallDynamicImageButton {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	color: #FFFFFF;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	background-size: 100% 100%;
	text-align: center;
}

.FixedImageButton {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
}

a,img {
	border: none;
}

.TopButton {
	cursor: pointer;
}

.centered {
	margin: 0 auto;
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.MessageBox {
	color: #FF0000;
}

.BottomButtonHolder {
	width: 100%;
	text-align: right;
}

#knockFrame {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 3;
	background-color:#FFFFBB;
	/*background-image: url('/Dashboard/bgimg/door.png');
	background-size: 100px 80px;*/
}

.toastElementClass .knockMessageContainer
{
	width: 300px;
}
.toastElementClass{
	border-radius: 4px !important;
	overflow: hidden;
	display: flex;
}
.right-close-button{
	/* width: 60px;
	height: 28px !important; */
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 130px;
	text-align: center;
	vertical-align: center;
	/* padding: 7px 14px; */
	float: left;
	top: 7px;
}
.title-success, .title-info, .title-error, .title-warning{
	align-self: stretch;
	color: var(--neutral-900, #222);
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; /* 133.333% */
	letter-spacing: -0.09px;
	position:relative;
	left: 24px;
}
.toast-message {
	width: 245px;
	color: var(--neutral-700, #515151);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.078px;
	position:relative;
	left: 24px;
}

#toast-container.large .toast-message {
	width: 345px !important;
	padding-bottom:3px !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  	width: 360px;
	flex-shrink: 0;
	align-self: stretch;
	background-color: white;
}
#toast-container.large > div,
#toast-container.large > div {
  	width: 460px !important;
}
.toast-leftbar{
	content: url("data:image/png;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU1MTM3NzE3QkE4MzExRTc5RDFBQ0QzQTA5NDIwQkI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU1MTM3NzE4QkE4MzExRTc5RDFBQ0QzQTA5NDIwQkI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTUxMzc3MTVCQTgzMTFFNzlEMUFDRDNBMDk0MjBCQjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTUxMzc3MTZCQTgzMTFFNzlEMUFDRDNBMDk0MjBCQjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCABKAAUDASIAAhEBAxEB/8QAZwABAAMBAAAAAAAAAAAAAAAAAAMEBQIBAQEBAQAAAAAAAAAAAAAAAAQCAwUQAQACAQUBAAAAAAAAAAAAAAABYRORoQISUhQRAAECBQUBAAAAAAAAAAAAAAABEyFhAhJS8JGh4SIU/9oADAMBAAIRAxEAPwDUGbk4+o1gR8qZcdhXqsdbGZ0kXfl50F3Dm0ma+KaEmSByHq5GsSlnrcUM1CmxNqEHao3HIZAn1M//2Q==");
 	width: 1.6%;
 	height: inherit;
 	margin-left: -61px;
 	margin-top: -15px;
 	margin-right: 50px;
 	margin-bottom: -18px;
 	float: left;
}
.toast-textClass{
	float: left;
	width: 150px;
}
.dlpKnockFrame .knockMessageContainer
{
	font-size:125%;
	font-weight:bold;
	padding:5px;
}

#toast-lottie-animation
{
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}
#toast-animation-container
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
}
.toast-progress
{
	position: absolute;
	left: 0;
	bottom: 0;
	top: auto;
	height: 4px;
}