#busy-spinner-stoppingprocess-button-id {
	display:none;
	margin-top:8px;
	margin-bottom:8px;	
}

#busy-spinner-getresultsdata-button-id {
	display:none;
	margin-top:8px;
	margin-bottom:8px;	
}

.sp-main-container-class {
	max-width:700px;
}


.test1-div-class {
    font-size:10px;
	margin-bottom:20px;
}


.selectedproject-title-div-class {
	background:rgb(44, 40, 36);

}

.selectedproject-title-p-class {
	font-size:14px;
	border-style:solid;
	border-color:rgb(44, 44, 36);
	border-width:1px;
	border-radius:3px;
	color:rgb(209, 212, 0);
	font-weight:bold;

}

.selectedproject-title-label-class {
	margin-top:3px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	color:white;
	font-weight:bold;
	font-size:14px;
}

.selectedproject-title-p-class {
	margin-top:20px;
	background:none;
}

.selectedproject-panel-class {
	/*display: block;*/
	display:block;
	position: relative;
	margin:0;
	padding:0;
	padding-bottom:10px;
	min-height: calc(100% - 5px);
	/*background-color: rgba(240,240,240,0.75);*/
}

.selectedproject-projectvideo-title-class {
	float:left;
}

.selectedproject-autodetect-checkbox-div-class {
	padding-left:5px;
    padding-right:5px;
    margin-bottom:5px;
	padding-top:3px;
	padding-bottom:3px;
    font-size:10px;
	color:white;
    background-color: rgb(44, 40, 36);
}

.selectedproject-tabletype-dropdown-div-class {
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
    font-size:10px;
    background-color: rgba(44, 40, 36, 1);
}

.selectedproject-tabletype-select-class {
	color:white;
	background:none;
}

.selectedproject-tabletype-option-class {
	color:black;
}

.selectedproject-starttime-div-class {
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
    font-size:10px;
    background-color: rgba(44, 40, 36, 1);	
}

.selectedproject-starttime-button-class {
	font-size:10px;
	color:white;
	background:none;
}

.selectedproject-markedstarttime-div-class {
	font-size:10px;
	margin:0;
	padding:0;
	font-weight:bold;
	background:rgb(221, 214, 115);
}

.selectedproject-markedstarttime-label-class {
	float:left;
	margin-right:5px;
}

.selectedproject-markedstarttime-p-class {
	background:none;
	margin:0;
	text-align:right;
	color:red;
}


.selectedproject-endtime-div-class {
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
    font-size:10px;
    background-color: rgba(44, 40, 36, 1);	
}

.selectedproject-endtime-button-class {
	font-size:10px;
	color:white;
	background:none;
}

.selectedproject-fpsoutput-dropdown-div-class {
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
    font-size:10px;
    background-color: rgba(44, 40, 36, 1);
}

.selectedproject-fpsoutput-select-class {
	color:white;
	background:none;
	border-width:0px;
}

.selectedproject-fpsoutput-option-class {
	color:black;
}



.selectedproject-markedendtime-div-class {
	font-size:10px;
	margin-top:4px;
	font-weight:bold;
	background:rgb(221, 214, 115);
}

.selectedproject-markedendtime-label-class {
	float:left;
	margin-right:5px;
}

.selectedproject-markedendtime-p-class {
	background:none;
	margin:0;
	text-align:right;
	color:red;
}


.selectedproject-videorate-div-class {
	font-size:10px;
	margin-top:4px;
	font-weight:bold;
	background:rgb(221, 214, 115);
}

.selectedproject-videorate-label-class {
	float:left;
	margin-right:5px;
}

.selectedproject-videorate-p-class {
	background:none;
	margin:0;
	color:red;
}

.configvideo-video-class{
	width:320px;
	height:240px;
}


/* Controls */
.pfcontrols-div {
	background-color:grey;
}

.selectedproject-controls-div-class {
	display:block;
	position: relative;
	margin:0;
	padding:0;
	padding-bottom:5px;
	width: calc(100% - 5px); 
	border-width:1px;
	border-style:ridge;
	border-radius:10px;
	min-height: calc(100% - 5px);
	background-color: rgb(252, 252, 252);
	/*background-image: url('../selectedprojectimages/pexels-photo-1939485.jpeg') */
}


/* Table Edge Assignment*/
.selectedproject-controls-tableedges-div-class {
	display:inline-block;
	position: relative;
    font-size:12px;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;
	height:110px;
	border-width:1px;
	border-style:ridge;
	border-radius:10px;
	background-color: rgba(224, 215, 215, 0.25);
}

.selectedproject-controls-wrap-tableedges-assign-remove-span-class {
	display:inline-block;
	position: relative;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
    background-color: #0069ed;
}

.selectedproject-controls-tableedge-assign-button-class {
	float:left;
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-right:3px;
	margin-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;

	color: white;
    font-family: sans-serif;
    font-size: 10px;
    cursor: pointer;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.selectedproject-controls-tableedge-remove-button-class {
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-bottom:3px;
	margin-right:5px;
	padding-top:3px;
	padding-left:1px;
	padding-right:1px;

	color: white;
    font-family: sans-serif;
    font-size: 10px;
    cursor: pointer;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}


/* Rods Assignment*/
.selectedproject-controls-trackrods-div-class {
	display:block;
	position: relative;
    font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	height:130px;
	border-width:1px;
	border-style:ridge;
	border-radius:10px; 
	background-color: rgba(224, 215, 215, 0.25);
}

/* Left Track Rods*/
.selectedproject-controls-left-trackrods-div-class {
	float:left;
	display:block;
	position: relative;
	margin:0;
	padding:0;
	max-width:190px;
	margin-bottom:10px;
}

.selectedproject-controls-left-rod-div-class {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;
	height:20px;
}

.sp-controls-left-label-button-class {
	float:left;
	border:none;
	background:none;
	margin-top:3px;
}

.sp-controls-left-checkbox-div-class {
	float:left;
	margin-top:6px;
}

#sp-controls-left-goalie-checkbox-div-id {margin-left:21px;}
#sp-controls-left-tworod-checkbox-div-id {margin-left:8px;}
#sp-controls-left-fiverod-checkbox-div-id {margin-left:9px;}
#sp-controls-left-threerod-checkbox-div-id {margin-left:1px;}

.sp-controls-wrap-assign-remove-left-div-class {
	float:left;
	margin-left:5px;
	margin-right:5px;
	height:20px;
	background-color: #0069ed;
	border-radius:3px;
}

.sp-controls-left-assign-button-class {
	float:left;
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-right:3px;
	margin-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;

	color: white;
    font-family: sans-serif;
    font-size: 10px;
    cursor: pointer;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-controls-left-remove-button-class {
	float:right;
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-bottom:3px;
	margin-right:5px;
	padding-top:3px;
	padding-left:1px;
	padding-right:1px;

	color: white;
    font-family: sans-serif;
    font-size: 10px;
    cursor: pointer;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}


/* Right Track Rods*/
.selectedproject-controls-right-trackrods-div-class {
	float:right;
	display:block;
	position: relative;
	max-width:200px;
	margin:0;
	padding:0;
}

.selectedproject-controls-right-rod-div-class {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;
	height:20px;
	margin-left:10px;
}

.sp-controls-right-label-button-class {
	float:left;
	border:none;
	background:none;
	margin-top:3px;
}

.sp-controls-right-checkbox-div-class {
	float:left;
	margin-top:6px;

}

#sp-controls-right-goalie-checkbox-div-id {margin-left:21px;}
#sp-controls-right-tworod-checkbox-div-id {margin-left:8px;}
#sp-controls-right-fiverod-checkbox-div-id {margin-left:9px;}
#sp-controls-right-threerod-checkbox-div-id {margin-left:1px;}

.sp-controls-wrap-assign-remove-right-div-class {
	float:left;
	margin-left:5px;
	margin-right:5px;
	height:20px;
	background-color: #0069ed;
	border-radius:3px;

}

.sp-controls-right-assign-button-class {
	float:left;
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-right:3px;
	margin-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;

	color: white;
    font-family: sans-serif;
    font-size: 10px;
    cursor: pointer;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-controls-right-remove-button-class {
	float:right;
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-bottom:3px;
	margin-right:5px;
	padding-top:3px;
	padding-left:1px;
	padding-right:1px;

	color: white;
    font-family: sans-serif;
    font-size: 10px;
    cursor: pointer;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Play Figure Colors Left and Right */
.selectedproject-leftplayfigure-dropdown-div-class {
	padding-left:1px;
    padding-right:1px;
	padding-top:3px;
	padding-bottom:3px;
	max-width:190px;
    margin-bottom:5px;
    font-size:12px;
	color:black;
}

.selectedproject-leftplayfigure-box-div-class {
	float: left;
	height: 10px;
	width: 10px;
	margin-right:1px;
	margin-top: 3px;
	border: 1px solid black;
	clear: both;
	background-color:black;
}

.selectedproject-leftplayfigure-select-class {
	color:black;
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
	background:none;
	border-width:1px;
	border-style:ridge;
	border-radius:5px; 
}

.selectedproject-leftplayfigure-option-class {
	color:black;
}


.selectedproject-rightplayfigure-dropdown-div-class {
	padding-left:1px;
    padding-right:1px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
	max-width:190px;
    font-size:12px;
}

.selectedproject-rightplayfigure-box-div-class {
	float: left;
	height: 10px;
	width: 10px;
	margin-right:1px;
	margin-top: 3px;
	border: 1px solid black;
	clear: both;
	background-color:yellow;
}

.selectedproject-rightplayfigure-select-class {
	color:black;
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
	background:none;
	border-width:1px;
	border-style:ridge;
	border-radius:5px; 
}

.selectedproject-rightplayfigure-option-class {
	color:black;
}


/* Play Figure Min Max Settings */
.selectedproject-pfattributes-label-class {
	font-size:10px;
}

.selectedproject-pfattributes-input-class {
    font-size:10px;
	margin: 0px;
	padding: 0px;
	width:50px;
}

#selectedproject-goalierodplayernumber-label-id {
	margin-right:70px;
}

#selectedproject-pfminsize-label-id {
	margin-right:98px;
}

#selectedproject-pfminnormdist-label-id {
	margin-right:0px;
}

#selectedproject-pfminydirecdist-label-id {
	margin-right:26px;
}

#selectedproject-leftdeviationdelta-label-id {
	margin-right:133px;
}

#selectedproject-rightdeviationdelta-label-id {
	margin-right:128px;
}


/* HSV Adjustment */
.selectedproject-hsvadjust-div-class {
	display:block;
	position: relative;
	margin:0;
	padding:0;
	padding-bottom:5px;
	width: calc(100% - 5px); 
	border-width:1px;
	border-style:ridge;
	border-radius:10px;
	min-height: calc(100% - 5px);
	background-color: rgba(255, 255, 255, 1);
	/*background-image: url('../selectedprojectimages/pexels-photo-1939485.jpeg') */
}

/* Play Figure Colors Left and Right */
.selectedproject-leftplayfigure-hsv-assign-div-class {
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
    font-size:12px;
	color:black;
}

.selectedproject-leftplayfigure-low-hsv-box-div-class {
	float: left;
	height: 10px;
	width: 10px;
	margin-right:1px;
	margin-top: 3px;
	border: 1px solid black;
	clear: both;
	background-color:black;
}

.selectedproject-leftplayfigure-high-hsv-box-div-class {
	float: left;
	height: 10px;
	width: 10px;
	margin-right:1px;
	margin-top: 3px;
	border: 1px solid black;
	clear: both;
	background-color:black;
}

.sp-controls-left-hsv-assign-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-controls-left-hsv-default1-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-controls-left-hsv-default2-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.selectedproject-rightplayfigure-hsv-assign-div-class {
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
    font-size:12px;
}

.selectedproject-rightplayfigure-low-hsv-box-div-class {
	float: left;
	height: 10px;
	width: 10px;
	margin-right:1px;
	margin-top: 3px;
	border: 1px solid black;
	clear: both;
	background-color:yellow;
}

.selectedproject-rightplayfigure-high-hsv-box-div-class {
	float: left;
	height: 10px;
	width: 10px;
	margin-right:1px;
	margin-top: 3px;
	border: 1px solid black;
	clear: both;
	background-color:yellow;
}

.sp-controls-right-hsv-assign-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-controls-right-hsv-default1-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-controls-right-hsv-default2-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}


/* Controls Video Output*/

.selectedproject-controls-video-div-class {
	display:block;
	position: relative;
	margin:0;
	padding:0;
	/*width: calc(100% - 5px);*/ 
	/*min-height: calc(100% - 5px);*/

	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);
}

.selectedproject-opencv-browser-img-class {
    min-height:100px;
	min-width:100px;
}







/************* Ball Tracking Controls *************/

.ballcontrols-div {
	background-color:rgb(255, 1, 179);
}

/* Ball Region Controls */
.selectedproject-ballcontrols-div-class {
	display:block;
	position: relative;
	margin:0;
	padding:0;
	padding-bottom:5px;
	width: calc(100% - 5px); 
	border-width:1px;
	border-style:ridge;
	border-radius:10px;
	min-height: calc(100% - 1px);
	background-color: rgba(255, 255, 255, 1);
	/*background-image: url('../selectedprojectimages/pexels-photo-1939485.jpeg') */
}

/* Ball Region Assignment*/
.selectedproject-ballcontrols-trackregions-div-class {
	display:block;
	position: relative;
    font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	height:135px;
	border-width:1px;
	border-style:ridge;
	border-radius:10px; 
	background-color: rgba(224, 215, 215, 0.25);
}

/* Left Ball Track Regions */
.selectedproject-ballcontrols-left-trackregions-div-class {
	float:left;
	display:block;
	position: relative;
	margin:0;
	padding:0;
	max-width:190px;
	margin-bottom:10px;
}

.selectedproject-ballcontrols-left-region-div-class {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;
	height:20px;
}

.sp-ballcontrols-left-label-button-class {
	float:left;
	border:none;
	background:none;
	margin-top:3px;
}

.sp-ballcontrols-left-checkbox-div-class {
	float:left;
	margin-top:6px;
}

#sp-ballcontrols-left-goalie-checkbox-div-id {margin-left:20px;}
#sp-ballcontrols-left-tworod-checkbox-div-id {margin-left:7px;}
#sp-ballcontrols-left-fiverod-checkbox-div-id {margin-left:8px;}
#sp-ballcontrols-left-threerod-checkbox-div-id {margin-left:0px;}

.sp-ballcontrols-wrap-assign-remove-left-div-class {
	float:left;
	margin-left:5px;
	margin-right:5px;
	height:20px;
	background-color: #0069ed;
	border-radius:3px;
}

.sp-ballcontrols-left-assign-button-class {
	float:left;
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-right:3px;
	margin-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;

	color: white;
    font-family: sans-serif;
    font-size: 10px;
    cursor: pointer;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-ballcontrols-left-remove-button-class {
	float:right;
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-bottom:3px;
	margin-right:5px;
	padding-top:3px;
	padding-left:1px;
	padding-right:1px;

	color: white;
    font-family: sans-serif;
    font-size: 10px;
    cursor: pointer;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}


/* Right Ball Track Regions*/
.selectedproject-ballcontrols-right-trackregions-div-class {
	float:right;
	display:block;
	position: relative;
	max-width:200px;
	margin:0;
	padding:0;
}

.selectedproject-ballcontrols-right-regions-div-class {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;
	height:20px;
	margin-left:10px;
}

.sp-ballcontrols-right-label-button-class {
	float:left;
	border:none;
	background:none;
	margin-top:3px;
}

.sp-ballcontrols-right-checkbox-div-class {
	float:left;
	margin-top:6px;

}

#sp-ballcontrols-right-goalie-checkbox-div-id {margin-left:20px;}
#sp-ballcontrols-right-tworod-checkbox-div-id {margin-left:7px;}
#sp-ballcontrols-right-fiverod-checkbox-div-id {margin-left:8px;}
#sp-ballcontrols-right-threerod-checkbox-div-id {margin-left:0px;}

.sp-ballcontrols-wrap-assign-remove-right-div-class {
	float:left;
	margin-left:5px;
	margin-right:5px;
	height:20px;
	background-color: #0069ed;
	border-radius:3px;

}

.sp-ballcontrols-right-assign-button-class {
	float:left;
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-right:3px;
	margin-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;

	color: white;
    font-family: sans-serif;
    font-size: 10px;
    cursor: pointer;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-ballcontrols-right-remove-button-class {
	float:right;
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-bottom:3px;
	margin-right:5px;
	padding-top:3px;
	padding-left:1px;
	padding-right:1px;

	color: white;
    font-family: sans-serif;
    font-size: 10px;
    cursor: pointer;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.selectedproject-ballattributes-label-class {
	font-size:10px;
}

.selectedproject-ballattributes-input-class {
    font-size:10px;
	margin: 0px;
	padding: 0px;
	width:50px;
}

#selectedproject-balltrackactivate-label-id {
	margin-right:120px;
}

#selectedproject-ballminsize-label-id {
	margin-right:85px;
}

#selectedproject-autorender-label-id {
	margin:0px;
    padding:0px;
}

/* End Ball Tracking Controls */


/* HSV Ball Color Adjustment */
.selectedproject-ballcolor-hsv-assign-div-class {
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
    font-size:12px;
	color:black;
}

.selectedproject-ballcolor-low-hsv-box-div-class {
	float: left;
	height: 10px;
	width: 10px;
	margin-right:1px;
	margin-top: 3px;
	border: 1px solid black;
	clear: both;
	background-color:black;
}

.selectedproject-ballcolor-high-hsv-box-div-class {
	float: left;
	height: 10px;
	width: 10px;
	margin-right:1px;
	margin-top: 3px;
	border: 1px solid black;
	clear: both;
	background-color:black;
}

.sp-controls-ballcolor-hsv-assign-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-controls-ballcolor-hsv-default-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-controls-ballcolor-hsv-isolate-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}


/* Logo Region Isolation */
.selectedproject-logoregionisolation-div-class {
	display:block;
	position: relative;
	margin:0;
	padding:0;
	padding-bottom:5px;
	width: calc(100% - 5px); 
	border-width:1px;
	border-style:ridge;
	border-radius:10px;
	min-height: calc(100% - 5px);
	background-color: rgba(255, 255, 255, 1);
	/*background-image: url('../selectedprojectimages/pexels-photo-1939485.jpeg') */
}

.selectedproject-logoregionisolation-assign-div-class {
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
    font-size:12px;
	color:black;
}

.sp-controls-logoregionisolation-assign-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-controls-logoregionisolation-remove-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sp-controls-logoregionisolation-view-button-class {
    margin:0;
	padding:0;
	margin-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	border-radius:0.30em;

    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}


/* Ball Controls Video Output*/
.selectedproject-ballcontrols-video-div-class {
	display:block;
	position: relative;
	margin:0;
	padding:0;
	/*width: calc(100% - 5px);*/ 
	/*min-height: calc(100% - 5px);*/

	border-style:ridge;
	border-radius:10px;
	border-color:rgb(255, 1, 179);
	border-left-width:1px;
	border-top-width:0px;
	border-bottom-width:0px;
	border-right-width:6px;

}

.selectedproject-opencv-ballregion-browser-img-class {
    min-height:100px;
	min-width:100px;
}




/* Processing */
.process-outer-div {
	border-left-style:solid;
	border-left-color:rgb(0,141,255);
	border-left-width:1px;

	border-right-style:solid;
	border-right-color:rgb(0,141,255);
	border-right-width:5px;

	border-radius:5px;
	padding:10px;
	background-color:rgb(247, 247, 247)
}

.selectedproject-processing-div-class {
	display:block;
	position: relative;
	font-size: 12px;
	margin:0;
	padding:0;
	padding-bottom:5px;
	width: calc(100% - 5px); 
	border-width:1px;
	border-style:ridge;
	border-radius:10px;
	min-height: calc(100% - 5px);
	background-color: rgba(255, 255, 255, 1);
	/*background-image: url('../selectedprojectimages/pexels-photo-1939485.jpeg') */
}

#sp-streamandgetdata-indicators-id {
    margin-top:5px;
	margin-bottom:8px;
}

.sp-streaming-checkbox-input-class {
	margin-left:8px;
}

.sp-getdata-checkbox-input-class {
	margin-left:4px;
}

#sp-getresults-button-id {
    margin-top:1px;
	margin-left:3px;
	padding-left:2px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:10px;	
}

#start-processing-video-button-id {
    margin-top:5px;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
}

#sp-startproc-cancel-button-id {
    margin-top:5px;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
}

#sp-reset-server-status-button-id {
    font-size:8px;
	margin-top:5px;
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
}

.start-processing-speed-div-class {
	display: block;
	position:relative;
	margin-top:-10px;
	/*max-width:140px;*/
}

.start-processing-speed-input-class {
	font-size: 12px;
	border-radius:3px;
	margin-left:0px;
	border-color:rgb(196, 188, 188);
}

.start-processing-speed-type-class {
	/*margin-left:20px;*/
}


/* Logging */
.selectedproject-logging-div-class {
	display:block;
	position: relative;
	margin:0;
	padding:0;
	padding-bottom:5px;
	width: calc(100% - 5px); 
	border-width:1px;
	border-style:ridge;
	border-radius:10px;
	min-height: calc(100% - 5px);
	background-color: rgba(255, 255, 255, 1);
	/*background-image: url('../selectedprojectimages/pexels-photo-1939485.jpeg') */
}

.selectedproject-logging-window-div-class{
    display: block;
	height:200px;
    padding: 9.5px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    margin: auto;
	overflow-y:scroll;
	overflow-x:scroll;
}

#selectedproject-logging-indicators-id {
	margin-top:5px;
	font-size:12px;
}

.selectedproject-ball-logging-checkbox-input-class {
	margin-left:10px;
	padding-right:20px;
}


/* This is the Save Video Process Results Overlay. */
.saveprocessresults-overlay-class {
	margin-left: 100px;
	margin-top: 50%;
	left: 0;
	top: 0;
	position: fixed; /* Stay in place */
	height: 70%;
	max-height:150px;
	width: 0px;
	max-width:360px;
	border-style:none;
	border-width:1px;
	border-color:lightgrey;
	z-index: 5; /* Sit on top */
	background-color: rgb(242,242,242); /* Black fallback color */
	background-color: rgba(242, 242, 242, 1); /* Black w/opacity */
	overflow: auto; /* Disable horizontal scroll */	
	overflow-y: n-resize;
	transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the */
}

/* Overlay Header*/
.spr-overlay-header-class {
	background-color:rgba(0, 89, 179, .7);
	border-style:solid;
	border-width:1px;
	border-color:grey;
	font-size:14px;
	color:white;
	text-align:center;
	padding-top:1px;
	padding-bottom:1px;
}

/*Manual Assist checkbox and Save button*/
.spr-cancel-full-class {	
	position:relative;
	display:block;
	height:25px;
	margin-bottom:0px;
	width: 100%;
	margin:0px;
	padding:0px;
	margin-top:3px;
	background-color:rgba(230,255,255,.3);
}

.spr-horizontal-cancel-list-class {
	margin:0px;
	padding:0px;
	margin-left:20px;
	width:100%;
	list-style: none;
	font-size:10px;
	text-decoration:none;
}

.spr-cancel-floatright-class {
	display:block;
	position:relative;
	margin-right:40px;
	float:right;
}

.spr-cancel-button-class {
	font-size:10px;
	color:white;

	background-image: linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -o-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(73,132,180)),
		color-stop(1, rgb(97,155,203))
	);					
}

.spr-save-full-class {	
	position:relative;
	display:block;
	height:40px;
	margin-bottom:5px;
	width: 100%;
	margin:0px;
	padding:0px;
	margin-top:10px;
	background-color:rgba(230,255,255,.3);
}

.spr-save-table-class {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
	font-size:10px;	
}

.spr-horizontal-save-ul-class {
	margin:0px;
	padding:0px;
	margin-left:3px;
	list-style: none;
	font-size:10px;
	text-decoration:none;
}

.spr-horizontal-save-ul-class > li {
	/*float:left;*/
	margin:0px;
	padding:0px;
}

.spr-filename-input-class {
	font-size:10px;
	margin:0;
	padding:0;
	width:146px;
}

.spr-save-button-class {
	font-size:11px;
	color:white;

	background-image: linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -o-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(73,132,180)),
		color-stop(1, rgb(97,155,203))
	);					
}



/* CSV Controls*/
.sp-outer-csv-controls-div-class {
	display:block;
	position: relative;
	margin:0;
	padding:0;
	padding-bottom:5px;
	width: calc(100% - 5px); 
	border-width:1px;
	border-style:ridge;
	border-radius:10px;
	min-height: calc(100% - 5px);
	background-color: rgba(255, 255, 255, 1);
	/*background-image: url('../selectedprojectimages/pexels-photo-1939485.jpeg') */
}

/* Choose CSV File for all Rods */
.sp-inner-csvcontrol-div-class {
	display:block;
	position: relative;
    font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	height:130px;
	border-width:1px;
	border-style:ridge;
	border-radius:10px; 
	background-color: rgba(224, 215, 215, 0.25);
}


/* Left CSV Control Choose File for Rods*/
.sp-csvcontrol-left-div-class {
	float:left;
	display:block;
	position: relative;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.sp-csvcontrol-left-rod-div-class {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;
	height:20px;
}

.sp-csvcontrol-left-label-button-class {
	float:left;
	border:none;
	background:none;
	margin-top:3px;
}

.sp-csvcontrol-left-rod-checkbox-div-class {
	float:left;
	margin-top:6px;
}

#sp-csvcontrol-left-goalierod-checkbox-div-id {margin-left:20px;}
#sp-csvcontrol-left-tworod-checkbox-div-id {margin-left:8px;}
#sp-csvcontrol-left-fiverod-checkbox-div-id {margin-left:9px;}
#sp-csvcontrol-left-threerod-checkbox-div-id {margin-left:1px;}

.sp-csvcontrol-wrap-choosefile-left-div-class {
	float:left;
	margin-left:5px;
	margin-right:5px;
	height:20px;
	background-color: #0069ed;
	border-radius:3px;
}

.sp-csvcontrol-left-choosefile-input-class {
	background-color:lightblue;
	margin:0px;
	padding:0px;
	margin-right:3px;
	font-size:9px;
	width:200px;
	color:black;
}

/* Right CSV Control Choose File for Rods*/
.sp-csvcontrol-right-div-class {
	float:right;
	display:block;
	position: relative;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.sp-csvcontrol-right-rod-div-class {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;
	height:20px;
}

.sp-csvcontrol-right-label-button-class {
	float:left;
	border:none;
	background:none;
	margin-top:3px;
}

.sp-csvcontrol-right-rod-checkbox-div-class {
	float:left;
	margin-top:6px;
}

#sp-csvcontrol-right-goalierod-checkbox-div-id {margin-left:20px;}
#sp-csvcontrol-right-tworod-checkbox-div-id {margin-left:8px;}
#sp-csvcontrol-right-fiverod-checkbox-div-id {margin-left:9px;}
#sp-csvcontrol-right-threerod-checkbox-div-id {margin-left:1px;}

.sp-csvcontrol-wrap-choosefile-right-div-class {
	float:left;
	margin-left:5px;
	margin-right:5px;
	height:20px;
	background-color: #0069ed;
	border-radius:3px;
}

.sp-csvcontrol-right-choosefile-input-class {
	background-color:lightblue;
	margin:0px;
	padding:0px;
	margin-right:3px;
	font-size:9px;
	width:200px;
	color:black;
}

/* Choose CSV Rendered File represent all Rods Both Left and Right*/
.sp-inner-csvrendercontrol-div-class {
	display:block;
	position: relative;
    font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	height:60px;
	border-width:1px;
	border-style:ridge;
	border-radius:10px; 
	background-color: rgba(224, 215, 215, 0.25);
}

.sp-csvrendercontrol-div-class {
	float:left;
	display:block;
	position: relative;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.sp-csvrendercontrol-both-div-class {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;
	height:20px;
}

.sp-csvrendercontrol-both-label-button-class {
	float:left;
	border:none;
	background:none;
	margin-top:3px;
}

.sp-csvrendercontrol-both-checkbox-div-class {
	float:left;
	margin-top:6px;
}

#sp-csvrendercontrol-both-checkbox-input-id {margin-left:10px;}


.sp-csvrendercontrol-wrap-choosefile-both-div-class {
	float:left;
	margin-left:5px;
	margin-right:5px;
	height:20px;
	background-color: #0069ed;
	border-radius:3px;
}

.sp-csvrendercontrol-both-choosefile-input-class {
	background-color:lightblue;
	margin:0px;
	padding:0px;
	margin-right:3px;
	font-size:9px;
	width:180px;
	color:black;
}


/* Select Defense Player and FoosFit Defense Type to Generate CSV File */
.sp-csv-foosfitdefense-dropdown-div-class {
	padding-left:3px;
    padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
    font-size:10px;
	max-width:180px;
	color:black;
}

.sp-csv-foosfitdefense-select-class {
	color:black;
	padding-left:3px;
    padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
	background:none;
	border-width:1px;
	border-style:ridge;
	border-radius:5px; 
}

.sp-csv-foosfitdefense-option-class {
	color:black;
}


.sp-csv-defenseplayer-dropdown-div-class {
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
    font-size:10px;
	max-width:190px;
	color:black;
}

.sp-csv-defenseplayer-select-class {
	color:black;
	padding-left:5px;
    padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
    margin-bottom:5px;
	background:none;
	border-width:1px;
	border-style:ridge;
	border-radius:5px; 
}

.sp-csv-defenseplayer-option-class {
	color:black;
}

.selectedproject-metadata-checkbox-div-class {
	padding-left:5px;
    padding-right:5px;
    margin-bottom:5px;
	padding-top:3px;
	padding-bottom:3px;
    font-size:10px;
	color:black;
    background-color: rgb(241, 241, 239);
}

/*Minimum Defense Time*/
	.selectedproject-minimumdefensetime-label-class {
		font-size:12px;
	}

	.selectedproject-minimumdefensetime-input-class {
		font-size:12px;
		max-width:35px;
	}

	.selectedproject-minimumdefensetime-span-class {
		font-size:10px;
		display: inline-block;
		vertical-align: bottom; /* or use margin-top: some-value; */
	}


/* Max Allowed Failed Percent*/
	.selectedproject-maxallowedfailpercent-label-class {
		font-size:12px;

	}

	.selectedproject-maxallowedfailpercent-input-class {
		font-size:12px;
		max-width:35px;
		margin-left:33px;
	}

	.selectedproject-maxallowedfailpercent-span-class {
		font-size:10px;
		display: inline-block;
		vertical-align: bottom; /* or use margin-top: some-value; */
	}


/* Allowed Ball Count Failures*/
	.selectedproject-allowedballcountfailures-label-class {
		font-size:12px;

	}

	.selectedproject-allowedballcountfailures-input-class {
		font-size:12px;
		max-width:35px;
		margin-left:20px;
	}

	.selectedproject-allowedballcountfailures-span-class {
		font-size:10px;
		display: inline-block;
		vertical-align: bottom; /* or use margin-top: some-value; */
	}





.spacer-div-class {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;    
	height:75px;
	
}



/* Fancy Divider*/
.wrapper
{
	padding-bottom: 70px;
}

.divider
{
	position: relative;
	margin-top: 70px;
	height: 1px;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 2px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-arrow-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-tab-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: calc(50% - 10px);
	width: 20px;
	height: 14px;
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
	border-radius: 0 0 8px 8px;
}

.div-stopper:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 7px);
	width: 14px;
	height: 12px;
	background-color: white;
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: goldenrod;
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
					0 0 0 4px white;
}

/* End Fancy Divider */



/*---------------------------------*/
/*   TOOLTIPS FOR SELECTED PROJECT */
/*---------------------------------*/

#sp-marktime-helpvideo-icon-id {
	float:right;
}

.tp-controls-class {
	font-size:10px;
}

/*Help Control Embed Video Div*/
.sp-help-controls-div-class {
	display:block;
	position:absolute;
	top: 15%;
    left: 3%;
    width: auto;
    height: auto;
	border-style:solid;
	border-width:1px;
	border-color:#7c7b7b;
	background-color: #222222;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	z-index:20;

}

.sp-help-controls-boxclose-class {
	display: block;
	position: relative;
	float: right;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 3px;
    background: #222222;
    font-size: 15px;
    font-weight: bold;
    line-height: 13px;
	padding-left:5px;
	width:20px;
    right: 2px;
    top: 2px;
    z-index: 1002;
    opacity: 0.9;
}

.sp-help-controls-table-class {
    overflow:auto;
}

.sp-help-controls-iframe-class {
	width: 350px !important;
    height: 300px !important;
}

.sp-help-controls-image-class {
	overflow:auto;
	width: 420px !important;
    height: 420px !important;
}

#sp-processing-helpvideo-icon-id {
	font-size:15px;
}

#sp-help-controls-pdf-id {
	font-size:15px;
}



@media screen and (min-width: 200px) {
	.selectedproject-controls-title-class {
		font-size:14px;
	}

	.selectedproject-starttime-button-class {
		font-size:10px;
	}

	.selectedproject-endtime-button-class {
		font-size:10px;
	}

	.selectedproject-fpsoutput-dropdown-div-class {
		padding-left:2px;
		padding-right:2px;
		margin-bottom:5px;
		font-size:10px;
	}

	.selectedproject-markedstarttime-div-class {
		font-size:8px;
	}

	.selectedproject-markedendtime-div-class {
		font-size:8px;
	}

	.selectedproject-videorate-div-class {
		font-size:8px;
	}

	.configvideo-video-class{
		width:200px;
		height:100%; /* of figure's height */
	}

    .selectedproject-controls-tableedges-div-class {
        height:110px;
	}

	.selectedproject-controls-trackrods-div-class {
		height:230px;	
	}


	.selectedproject-controls-right-rod-div-class {
		margin-left:0px;
	}

	.selectedproject-opencv-browser-img-class {
		max-height:100px;
		max-width:100px;
	}



	.selectedproject-ballcontrols-trackregions-div-class {
		height:235px;	
	}

	.selectedproject-ballcontrols-right-region-div-class {
		margin-left:0px;
	}

	.selectedproject-opencv-ballregion-browser-img-class {
		max-height:100px;
		max-width:100px;
	}



	.sp-inner-csvcontrol-div-class {
        height:230px;
	}

	.sp-csvcontrol-left-choosefile-input-class {
		width:150px;
    }

	.sp-csvcontrol-right-choosefile-input-class {
         width:150px;
	}
	
	.sp-help-controls-image-class {
		width: 200px !important;
		height: 200px !important;
	}

}

@media screen and (min-width: 325px) {
	.configvideo-video-class{
		width:200px;
		height:100%; /* of figure's height */
	}

    .selectedproject-controls-tableedges-div-class {
        height:100px;
	}

	.selectedproject-opencv-browser-img-class {
		max-height:280px;
		max-width:280px;
	}


	.selectedproject-opencv-ballregion-browser-img-class {
		max-height:280px;
		max-width:280px;
	}
	
	.sp-help-controls-image-class {
		width: 280px !important;
		height: 280px !important;
	}
}

@media screen and (min-width: 450px) {

	.configvideo-video-class{
		width:240px;
		height:100%; /* of figure's height */
	}

	.selectedproject-autodetect-checkbox-div-class {
		padding-left:8px;
		padding-right:8px;
		margin-bottom:5px;
		font-size:12px;
	}

	.selectedproject-tabletype-dropdown-div-class {
		padding-left:8px;
		padding-right:8px;
		margin-bottom:5px;
		font-size:12px;
	}

	.selectedproject-starttime-button-class {
		font-size:12px;
	}

	.selectedproject-endtime-button-class {
		font-size:12px;
	}

	.selectedproject-fpsoutput-dropdown-div-class {
		padding-left:0px;
		padding-right:0px;
		margin-bottom:5px;
		font-size:12px;
	}

	.selectedproject-markedstarttime-div-class {
		font-size:11px;
	}

	.selectedproject-markedendtime-div-class {
		font-size:11px;
	}

	.selectedproject-videorate-div-class {
		font-size:11px;
	}

	.selectedproject-opencv-browser-img-class {
		max-height:400px;
		max-width:400px;
	}

	.selectedproject-opencv-ballregion-browser-img-class {
		max-height:400px;
		max-width:400px;
	}

	.sp-help-controls-image-class {
		width: 400px !important;
		height: 400px !important;
	}

	#sp-controls-left-goalie-checkbox-div-id {margin-left:21px;}
    #sp-controls-left-tworod-checkbox-div-id {margin-left:11px;}
    #sp-controls-left-fiverod-checkbox-div-id {margin-left:9px;}
    #sp-controls-left-threerod-checkbox-div-id {margin-left:1px;}

	#sp-controls-right-goalie-checkbox-div-id {margin-left:21px;}
    #sp-controls-right-tworod-checkbox-div-id {margin-left:11px;}
    #sp-controls-right-fiverod-checkbox-div-id {margin-left:9px;}
    #sp-controls-right-threerod-checkbox-div-id {margin-left:1px;}


	#sp-ballcontrols-left-goalie-checkbox-div-id {margin-left:20px;}
	#sp-ballcontrols-left-tworod-checkbox-div-id {margin-left:10px;}
	#sp-ballcontrols-left-fiverod-checkbox-div-id {margin-left:8px;}
	#sp-ballcontrols-left-threerod-checkbox-div-id {margin-left:0px;}

	#sp-ballcontrols-right-goalie-checkbox-div-id {margin-left:20px;}
	#sp-ballcontrols-right-tworod-checkbox-div-id {margin-left:10px;}
	#sp-ballcontrols-right-fiverod-checkbox-div-id {margin-left:8px;}
	#sp-ballcontrols-right-threerod-checkbox-div-id {margin-left:0px;}


	#sp-csvcontrol-left-goalierod-checkbox-div-id {margin-left:20px;}
	#sp-csvcontrol-left-tworod-checkbox-div-id {margin-left:11px;}
	#sp-csvcontrol-left-fiverod-checkbox-div-id {margin-left:9px;}
	#sp-csvcontrol-left-threerod-checkbox-div-id {margin-left:1px;}

	#sp-csvcontrol-right-goalierod-checkbox-div-id {margin-left:20px;}
	#sp-csvcontrol-right-tworod-checkbox-div-id {margin-left:11px;}
	#sp-csvcontrol-right-fiverod-checkbox-div-id {margin-left:9px;}
	#sp-csvcontrol-right-threerod-checkbox-div-id {margin-left:1px;}

	

}

@media screen and (min-width: 480px) {
	.selectedproject-controls-title-class {
		font-size:14px;
	}

	.configvideo-video-class{
		width:300px;
		height:100%; /* of figure's height */
	}

	.selectedproject-opencv-browser-img-class {
		max-height:440px;
		max-width:440px;
	}
	
	.selectedproject-opencv-ballregion-browser-img-class {
		max-height:440px;
		max-width:440px;
	}
	
	.selectedproject-pfattributes-label-class {
		font-size:12px;
	}
	
	.selectedproject-pfattributes-input-class {
		font-size:12px;
	}


	#selectedproject-goalierodplayernumber-label-id {
		margin-right:90px;
	}

	#selectedproject-pfminsize-label-id {
		margin-right:124px;
	}
	
	#selectedproject-pfminnormdist-label-id {
		margin-right:7px;
	}
	
	#selectedproject-pfminydirecdist-label-id {
		margin-right:38px;
	}
	
	#selectedproject-leftdeviationdelta-label-id {
		margin-right:167px;
	}
	
	#selectedproject-rightdeviationdelta-label-id {
		margin-right:160px;
	}


	.selectedproject-ballattributes-label-class {
		font-size:12px;
	}
	
	.selectedproject-ballattributes-input-class {
		font-size:12px;
	}


	.sp-csvcontrol-left-choosefile-input-class {
		width:200px;
    }

	.sp-csvcontrol-right-choosefile-input-class {
         width:200px;
	}

	.sp-help-controls-image-class {
		width: 450px !important;
		height: 450px !important;
	}

	#start-processing-video-button-id {
		margin-top:5px;
		padding-left:13px;
		padding-right:13px;
		padding-top:1px;
		padding-bottom:1px;
	}
	
	#sp-getresults-button-id {
		margin-top:1px;
		margin-left:10px;
		padding-left:5px;
		padding-right:5px;
		padding-top:1px;
		padding-bottom:1px;
		font-size:11px;	
	}

	#sp-startproc-cancel-button-id {
		margin-top:5px;
		padding-left:13px;
		padding-right:13px;
		padding-top:1px;
		padding-bottom:1px;
	}
	
	#sp-reset-server-status-button-id {
		font-size:8px;
		margin-top:5px;
		padding-left:6px;
		padding-right:6px;
		padding-top:1px;
		padding-bottom:1px;
	}

}

@media screen and (min-width: 540px) {
	
	.selectedproject-controls-tableedges-div-class {
        height:80px;
	}

	.selectedproject-opencv-browser-img-class {
		max-height:480px;
		max-width:480px;
	}

	.selectedproject-opencv-ballregion-browser-img-class {
		max-height:480px;
		max-width:480px;
	}

	.sp-help-controls-image-class {
		width: 500px !important;
		height: 500px !important;
	}

}


@media screen and (min-width: 568px) {
    .selectedproject-controls-trackrods-div-class {
    	height:120px;	
    }

    .selectedproject-controls-right-rod-div-class {
	    margin-left:0px;
    }

	.sp-csvcontrol-left-choosefile-input-class {
		width:250px;
    }

	.sp-csvcontrol-right-choosefile-input-class {
         width:250px;
	}

	.selectedproject-opencv-browser-img-class {
		max-height:500px;
		max-width:500px;
	}


    .selectedproject-ballcontrols-trackregions-div-class {
    	height:130px;	
    }

    .selectedproject-ballcontrols-right-regions-div-class {
	    margin-left:0px;
    }

	.selectedproject-opencv-ballregion-browser-img-class {
		max-height:500px;
		max-width:500px;
	}

}


@media screen and (min-width: 620px) {
	.configvideo-video-class{
		width:370px;
		height:100%; /* of figure's height */
	}

	.selectedproject-controls-tableedges-div-class {
        height:60px;
	}

	.selectedproject-controls-right-rod-div-class {
	    margin-left:8px;
    }

	.selectedproject-opencv-browser-img-class {
		max-height:550px;
		max-width:550px;
	}

	
	.selectedproject-ballcontrols-right-region-div-class {
	    margin-left:8px;
    }

	.selectedproject-opencv-ballregion-browser-img-class {
		max-height:550px;
		max-width:550px;
	}


}

@media screen and (min-width: 670px) {
	.selectedproject-opencv-browser-img-class {
		max-height:570px;
		max-width:570px;
	}

	.selectedproject-opencv-ballregion-browser-img-class {
		max-height:570px;
		max-width:570px;
	}

	.sp-help-controls-image-class {
		width: 700px !important;
		height: 700px !important;
	}
}