.staffCard{
	border:none !important;
}

.rectangeDisplay-lb {
	border-top-left-radius: 0.25em;
	border-top-right-radius: 0.25em;

	position: absolute; 
	padding: 0;
	left:0;
	bottom:0;
	width:3em;
	height:1.1em;
	/*padding:0.2em;*/
	/*box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 2px rgba(0, 0, 0, 0.28);*/
	border: none;
	cursor: pointer;
}
.circleDisplay-rt-inside-sm {
	border-radius: 50%;
	position: absolute; 
	padding: 1;
	top:0em;
	right:0em;
	bottom:0;
	width:1.5em;
	height:1.5em;
	/*padding:0.2em;*/
	/*box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 2px rgba(0, 0, 0, 0.28);*/
	border: none;
	cursor: pointer;
}
.circleDisplay-rt {
	border-radius: 50%;
	position: absolute; 
	padding: 1;
	top:-1.5em;
	right:-1.5em;
	bottom:0;
	width:3em;
	height:3em;
	/*padding:0.2em;*/
	/*box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 2px rgba(0, 0, 0, 0.28);*/
	border: none;
	cursor: pointer;
}
.circleDisplay-lt {
	border-radius: 50%;
	position: absolute; 
	padding: 1;
	top:-1.5em;
	left:-1.5em;
	bottom:0;
	width:3em;
	height:3em;
	border: none;
	cursor: pointer;
}
.circleDisplay-lt-inside-sm {
	border-radius: 50%;
	position: absolute; 
	padding: 1;
	top:0em;
	left:0em;
	bottom:0;
	width:1.5em;
	height:1.5em;
	border: none;
	cursor: pointer;
}
.circleDisplay-rm {
	border-radius: 50%;
	position: absolute; 
	padding: 1;
	top:0em;
	right :0.5em;
	bottom:0;
	width:1.75em;
	height:1.75em;
	border: none;
	cursor: pointer;
	box-shadow: 0.1em 0.1em 5px #aaaaaa;

}

.noMarginPadding {
	margin: 0 !important;
	padding: 0 !important;

}


.circleDisplay {
	border-radius: 0.25em;
	width:1.5em;
	height:1.5em;
	font-size: 0.85em;
	padding: 0.2em;

}


.indexColorDisplay {
	position: absolute; 
	top:0;
	left:0;
	height:2em;
	width:2em;
	border-bottom-right-radius: 100%;
	border: none;
	cursor: pointer;
}

.connectText-1 {
	font-style: 1em;
}

.bg-img {
	background-image: url('');
	background-repeat: repeat;
	background-position: 50% 0;
}

.orbi-card
{
	position:relative;
	border-bottom-left-radius: 1em;
	border-top-right-radius: 1em;
	overflow:hidden;
	padding: 0;
	width:8em;
	height:10em;
	box-shadow: 0.1em 0.1em 5px #aaaaaa;
}

.orbi-card-Round-lb-rt
{
	
	border-top-right-radius: 1em !important;
	border-bottom-left-radius: 1em !important;
	overflow:hidden;
}

.orbi-card-Radius-lb
{
	position :absolute;
	width:5em;
	height:5em;
	
	top:0;
	right:0;
	
	border-bottom-left-radius: 100%;
	z-index: 0;
	opacity: 0.45;
}

.orbi-card-color
{
	opacity: 0.6;
}
.orbi-card-text{
	z-index: 100;
}


.orbi-card-text-90 {
	z-index: 100;
	background-color: rgba(255,200,0,0.3);
	font-size: 0.8em;
	/*-ms-transform: rotate(90deg); /* IE 9 */*/

	

}



.orbi-card-sm
{
	position:relative;
	border-bottom-left-radius: 1em;
	border-top-right-radius: 1em;
	overflow:hidden;
	padding: 0;
	width:10em;
	height:4em;
	box-shadow: 0.1em 0.1em 5px #aaaaaa;
}


.orbi-round-btn
{
	position:absolute;
	border-radius: 50%;
	right:0;
	top:0;
	height:2em;
	width:2em;
}


.border-bottom-black
{
	border-bottom: 1px solid black ;
	border-top: 1px solid black ;

}



.text-font-size-1
{
	font-size: 0.75em;
}

.text-font-size-2
{
	font-size: 1em;
}

.text-font-size-3
{
	font-size: 1.25em;
}

.text-font-size-4
{
	font-size: 1.5em;
}

.text-font-size-5
{
	font-size: 1.75em;
}
.text-font-size-6
{
	font-size: 2em;
}




.color-drop-parent
{
	position:relative;
}
.color-drop-fill
{
	position:absolute !important;
	left:0;
	right:0; 
	top:0; 
	bottom:0; 
}
.color-drop-icon
{
	font-size:1.5em !important; 
}


.backdrop-trans-5{
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color: rgba(0,0,0,0.5);
}


.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cursorPointer{
	cursor: pointer;
}

.font-weight-8{
	font-weight: 800;
}

.material-icon-btn{
	height: max-content;
	vertical-align: top;
}



.borderless-select{
	border-radius: 0.25rem;
	outline: none;
	border:none;
}

.modal-body-h-35{
	height: 40rem;
}