.sp-te-tr-dragdrop-checkbox-div-class{
    position:relative;
	display:block;
	float:right;
	font-size:10px;
	color:black;
}

.sp-bc-dragdrop-checkbox-div-class{
    position:relative;
	display:block;
	float:right;
	font-size:10px;
	color:black;
}


/*  Local Ball Region Assign Overlay */
/* ------------------------------- */

.sp-ballcontrolsassign-overlay-class {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	top:1500px;
	left:5px;	
    width:0;
    z-index: 10; /* Sit on top */
    /*background-color: rgb(0,0,0); */ /* Black fallback color */
    background-color: rgba(0,0,0, .9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

#sp-ballcontrolsassign-title-id {
    display:block;
	position:relative;
	font-size:12px;
    padding-top:0px;
	color: white;
    width:100%;
	height:16px;
	text-align:center;
}

/* Position the close button (top right corner) */
.closeballcontrolsassignbtn {
	margin:0px;
	padding:0px;
}

.sp-ballcontrolsassign-overlay-class .closeballcontrolsassignbtn {
    position: absolute;
	color:white;
    top: -8px;
    right: 5px;
    font-size: 20px;
}

.sp-ballcontrolsassign-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-ballcontrolsapply-button-class {
	float:right;
}



/*  Local Logo Region Assign Overlay */
/* ------------------------------- */

.sp-logoassign-overlay-class {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	top:1500px;
	left:5px;	
    width:0;
    z-index: 10; /* Sit on top */
    /*background-color: rgb(0,0,0); */ /* Black fallback color */
    background-color: rgba(0,0,0, .9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

#sp-logoassign-title-id {
    display:block;
	position:relative;
	font-size:12px;
    padding-top:0px;
	color: white;
    width:100%;
	height:16px;
	text-align:center;
}

/* Position the close button (top right corner) */
.closelogoassignbtn {
	margin:0px;
	padding:0px;
}

.sp-logoassign-overlay-class .closelogoassignbtn {
    position: absolute;
	color:white;
    top: -8px;
    right: 5px;
    font-size: 20px;
}

.sp-logoassign-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-logoapply-button-class {
	float:right;
}




/* Lets Define the Table Edge Assign Overlay */
/* ------------------------------- */

.sp-tableedgeassign-overlay-class {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	top:490px;
	left:5px;	
    width:0;
    z-index: 10; /* Sit on top */
    /*background-color: rgb(0,0,0); */ /* Black fallback color */
    background-color: rgba(0,0,0, .9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

#sp-tableedgeassign-title-id {
    display:block;
	position:relative;
	font-size:12px;
    padding-top:0px;
	color: white;
    width:100%;
	height:16px;
	text-align:center;
}

/* Position the close button (top right corner) */
.closetableedgeassignbtn {
	margin:0px;
	padding:0px;
}

.sp-tableedgeassign-overlay-class .closetableedgeassignbtn {
    position: absolute;
	color:white;
    top: -8px;
    right: 5px;
    font-size: 20px;
}

.sp-tableedgeassign-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-tableedgeapply-button-class {
	float:right;
}



/*  Local Track Rod Assign Overlay */
/* ------------------------------- */

.sp-trackrodassign-overlay-class {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	top:490px;
	left:5px;	
    width:0;
    z-index: 10; /* Sit on top */
    /*background-color: rgb(0,0,0); */ /* Black fallback color */
    background-color: rgba(0,0,0, .9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

#sp-trackrodassign-title-id {
    display:block;
	position:relative;
	font-size:12px;
    padding-top:0px;
	color: white;
    width:100%;
	height:16px;
	text-align:center;
}

/* Position the close button (top right corner) */
.closetrackrodassignbtn {
	margin:0px;
	padding:0px;
}

.sp-trackrodassign-overlay-class .closetrackrodassignbtn {
    position: absolute;
	color:white;
    top: -8px;
    right: 5px;
    font-size: 20px;
}

.sp-trackrodassign-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-trackrodapply-button-class {
	float:right;
}



/*  Local Left PF HSV Assign Overlay */
/* -------------------------==------ */

.sp-local-leftplayfigure-hsv-assign-overlay-class {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	top:190px;
	left:5px;	
    width:0;
    z-index: 10; /* Sit on top */
    /*background-color: rgb(0,0,0); */ /* Black fallback color */
    background-color: rgba(0,0,0, .9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

#sp-local-leftplayfigure-hsv-assign-title-id {
    display:block;
	position:relative;
	font-size:12px;
    padding-top:0px;
	color: white;
    width:100%;
	height:16px;
	text-align:center;
}

/* Position the close button (top right corner) */
.sp-close-left-pf-hsvassign-btn-class {
	margin:0px;
	padding:0px;
}

.sp-local-leftplayfigure-hsv-assign-overlay-class .sp-close-left-pf-hsvassign-btn-class {
    position: absolute;
	color:white;
    top: -8px;
    right: 5px;
    font-size: 20px;
}

.sp-local-left-pf-hsvassign-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-local-left-pf-hsvassign-result1-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-local-left-pf-hsvassign-result2-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-local-left-pf-bgrclicked-class {
	color:white;
}

.sp-local-left-pf-hsv-apply-button-class {
	float:right;
}



/*  Local Right PF HSV Assign Overlay */
/* -------------------------==------ */

.sp-local-rightplayfigure-hsv-assign-overlay-class {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	top:490px;
	left:5px;	
    width:0;
    z-index: 10; /* Sit on top */
    /*background-color: rgb(0,0,0); */ /* Black fallback color */
    background-color: rgba(0,0,0, .9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

#sp-local-rightplayfigure-hsv-assign-title-id {
    display:block;
	position:relative;
	font-size:12px;
    padding-top:0px;
	color: white;
    width:100%;
	height:16px;
	text-align:center;
}

/* Position the close button (top right corner) */
.sp-close-right-pf-hsvassign-btn-class {
	margin:0px;
	padding:0px;
}

.sp-local-rightplayfigure-hsv-assign-overlay-class .sp-close-right-pf-hsvassign-btn-class {
    position: absolute;
	color:white;
    top: -8px;
    right: 5px;
    font-size: 20px;
}

.sp-local-right-pf-hsvassign-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-local-right-pf-hsvassign-result1-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-local-right-pf-hsvassign-result2-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-local-right-pf-bgrclicked-class {
	color:white;
}

.sp-local-right-pf-hsv-apply-button-class {
	float:right;
}



/*  Local Ball Color HSV Assign Overlay */
/* ------------------------------------ */

.sp-local-ballcolor-hsv-assign-overlay-class {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	top:1200px;
	left:5px;	
    width:0;
    z-index: 10; /* Sit on top */
    /*background-color: rgb(0,0,0); */ /* Black fallback color */
    background-color: rgba(0,0,0, .9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

#sp-local-ballcolor-hsv-assign-title-id {
    display:block;
	position:relative;
	font-size:12px;
    padding-top:0px;
	color: white;
    width:100%;
	height:16px;
	text-align:center;
}

/* Position the close button (top right corner) */
.sp-close-ballcolor-hsvassign-btn-class {
	margin:0px;
	padding:0px;
}

.sp-local-ballcolor-hsv-assign-overlay-class .sp-close-ballcolor-hsvassign-btn-class {
    position: absolute;
	color:white;
    top: -8px;
    right: 5px;
    font-size: 20px;
}

.sp-local-ballcolor-hsvassign-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-local-ballcolor-hsvassign-result1-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-local-ballcolor-hsvassign-result2-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-local-ballcolor-bgrclicked-class {
	color:white;
}

.sp-local-ballcolor-hsv-apply-button-class {
	float:right;
}


/*  Local Track Bars for HSV Assign Overlay */
/* ---------------------------------------- */

.sp-local-trackbar-hsv-assign-overlay-class {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	top:590px;
	left:500px;	
    width:0;
	min-height:260px;
	max-height:280px;
    z-index: 20; /* Sit on top */
    /*background-color: rgb(0,0,0); */ /* Black fallback color */
    background-color: rgba(24, 23, 23, 1); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
	transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

#sp-local-trackbar-hsv-assign-title-id {
    display:block;
	position:relative;
	font-size:12px;
    padding-top:0px;
	color: white;
    width:100%;
	height:16px;
	text-align:center;
}

/* Position the close button (top right corner) */
.sp-close-trackbar-hsvassign-btn-class {
	margin:0px;
	padding:0px;
}

.sp-local-trackbar-hsv-assign-overlay-class .sp-close-trackbar-hsvassign-btn-class {
    position: absolute;
	color:white;
    top: -8px;
    right: 5px;
    font-size: 20px;
}
  
.sp-local-trackbar-hsv-descr-div-class{
    color:white;
	min-width:55px;
}

.sp-local-trackbar-down-icon-class {
	min-width:15px;
	margin-left:15px;
	margin-right:15px;
}

.sp-local-trackbar-hsv-container-class {
	background:white;
	width:35%;
}

.sp-local-trackbar-up-icon-class {
	min-width:15px;
	margin-left:25px;
	margin-right:15px;
}

.sp-local-trackbar-hsv-value-div-class {
	color:white;
	min-width:30px;
}




/*  Local Start Processing Overlay */
/* --------------------------------------------- */

.sp-startproc-overlay-class {
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	top:20px;
	left:15px;	
    width:0;
	min-height:75px;
    z-index: 30; /* Sit on top */
    /*background-color: rgb(0,0,0); */ /* Black fallback color */
    background-color: rgba(0,0,0, .9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

#sp-startproc-title-id {
    display:block;
	position:relative;
	font-size:12px;
    padding-top:0px;
	color: white;
    width:100%;
	height:16px;
	text-align:center;
}

/* Position the close button (top right corner) */
.closestartprocbtn {
	margin:0px;
	padding:0px;
}

.sp-startproc-overlay-class .closestartprocbtn {
    position: absolute;
	color:white;
    top: -8px;
    right: 5px;
    font-size: 20px;
}

.sp-playfiguretrack-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

.sp-balltrack-canvas-class {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;

	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;

    z-index: 10; /* Sit on top */
    /*background-color: rgb(124, 119, 119); */ /* Black fallback color */
    background-color: rgba(117, 111, 111, 0.9); /* Black w/opacity */
    overflow: hidden;  /* Enable or Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}















/* was using for testing, might use later depending on approach */ 

.sp-local-stream-outer-one-image-div-class {
	display:block;
	position: relative;
	margin:0;
	padding:0;

	border-style:ridge;
	border-radius:10px;
	border-color:rgb(193, 193, 193);
	border-left-width:1px;
	border-top-width:0px;
	border-bottom-width:0px;
	border-right-width:8px;
	background-color: rgba(255, 255, 255, 1);
}

.sp-local-one-img-class {
    max-height:100%;
	max-width:100%;
}


.sp-local-stream-outer-all-image-div-class {
	display:block;
	position: relative;
	margin:0;
	padding:0;

	border-style:ridge;
	border-radius:10px;
	border-color:rgb(193, 193, 193);
	border-left-width:1px;
	border-top-width:0px;
	border-bottom-width:0px;
	border-right-width:8px;
	background-color: rgba(255, 255, 255, 1);
}


.sp-local-all-img-class {
    max-height:100%;
	max-width:100%;

}