#MainButton {
    height: 200px;
    width: 100%;

	font-size: 75px;
	Background-color: Skyblue;
	border-radius: 200px;
	Color: Green;
	Text-align: Center;
	border: 3px solid black;
}

#content {
  margin-top: 100px;
}

Body
{
	background-color: #92b6e5;
}

.div_NoClock
{
	text-align: center;
	font-size: 100px;
	color: red;
}

.LblEmployeeCode
{
	width: 100%;
	text-align: center;
	font-size: 50px;
}

.MainHTML
{
}

.btnSubmitCode
{
	height: 3%;
    width: 20%;
	padding: 2% 3%;
	font-size: 20px;
	Background-color: Skyblue;
	border-radius: 5%;
	Color: Green;
	Text-align: Center;
}

.DivSubmitCode
{
	width: 100%;
	text-align: center;
	padding-top: 2%;
}

.DivEnterCode
{
	text-align: center;
	width: 100%;
}

.txtEnterCode
{
	width: 85%;
	text-align: center;
	font-size: 40px;
}

.ClearEmps
{
	width: 20%;
	height: 50px;
	font-size: 20px;
	background-color: lightblue;
}

.ViewSelectedEmps
{
	width: 20%;
	height: 50px;
	font-size: 20px;
	background-color: pink;
}

.SearchButton
{
    height: 60px;
    width: 25%;
	padding-right: 10px;
	font-size: 50px;
	Color: Green;
	Text-align: Center;
}

.lblSelect
{
	text-align: center;
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 20px;
}

.SelectedEmps
{
	width: 100%;
	height: 40px;
	font-size: 20px;
	overflow: scroll;
}

.GPSLocating
{
	width: 100%;
	text-align: center;
	font-size: 2em;
}

.div_WKOType
{
	width: 100%;
	text-align: center;
}

.div_WKOStep2
{
	width: 100%;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
}

.div_WKOClock
{
	width: 100%;
	text-align: center;
	padding-top: 2em;
}

.a_WKOOverhead
{
	font-size: 2em;
}

.btn_WKOPlant
{
	width: 35%;
	padding-bottom: 1em;
	padding-top: 1em;
	font-size: 3.1em;
	border: 2px outset #7c86ea;
	background-color: #b8bdef;
	margin: .4em;
}

.div_WKOFunctions
{
	padding-top .3em;
}

.ProductSearch
{
	width: 50%;
	font-size: 3.3em;
	background-color: pink;
}

.btn_WKOPlantSelected
{
	width: 35%;
	padding-bottom: 1em;
	padding-top: 1em;
	font-size: 3.1em;
	border: 2px inset #d15454;
	background-color: #ef9b9b;
	margin: .4em;
}

.WKO_div_AssignMeWKO
{
	font-size: .7em;
	text-align: left;
	padding-top: 1em;
}


.WKO_chk_AssignMe
{
	width: 10%;
	font-size: 20px;
	Background-color: Pink;
	Color: Black;
	border: 3px solid #475f87;
	padding-top: 2em;
	margin-left: 2em;
}

.WKO_Submit_Upload
{
	width: 80%;
	background-color: #25d170;
	border: .1em outset black;
	font-size: 1em;
	margin-top: .5em;
	
	
}

.btn_WKOCloseActive
{
	width: 45%;
	font-size: 1em;
	border: .2em outset yellow;
	background-color: #c65f5f;

	padding-top: .5em;
	padding-bottom: .5em;
	Margin-Top: .8em;

}

.div_WKOTypeText
{
	width: 100%;
	font-size: 4em;
	text-align: center;
	padding-bottom: .2em;
}

.btn_WKOType
{
	width: 30%;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	font-size: 2em;
	border: 2px outset #7c86ea;
	background-color: #b8bdef;
}

.btn_WKOTypeSelected
{
	width: 30%;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	font-size: 2em;
	border: 2px inset #d15454;
	background-color: #ef9b9b;
}

.div_Field
{
	display: inline;
}

.a_WKONumber
{
	font-size: 4em;
}

.a_WKO
{
	font-size: 4em;
}

.Input_WKONumber
{
	font-size: 4em;
	width: 20%;
	background-color: #cadcf9;
	border: solid .1em #475f87;
}

.btn_WKOLookup
{
	width: 80%;
	font-size: 3.2em;
	background-color: #b8bdef;
	border: .1em outset #475f87;
	padding: .5em 0 .5em ;
}

.a_WKODescrip
{
	font-size:3em;
}

.btn_WKOTransfer
{
	width: 85%;
	font-size: 5em;
	border: 2px outset green;
	background-color: #91dbb4;
}

.div_WKOLookupResults
{

}

.div_EmpLookupResults
{

}

.btn_WKOLookupResult
{
	width: 90%;
	font-size: .5em;
	border: .1em outset blue;
	background-color: lightblue;
	margin: 0em;
}

.lbl_WKOLookupDesc
{
	font-size: .5em;
}

.txt_WKOLookup
{
	width: 50%;
	font-size: .5em;
}

.btn_WKOLookupSearch
{
	width: 20%;
	font-size: .52em;
	border: .2em outset yellow;
	background-color: Pink;
	padding-bottom: .8em;
	padding-top: .8em;
}

.btn_WKOLookupSearchCancel
{
	width: 20%;
	font-size: .52em;
	border: .2em outset yellow;
	background-color: Red;
	Margin-right: 10%;
	Margin-top: .5em;
	padding-bottom: .8em;
	padding-top: .8em;
}

 /* The Modal (background) */
.WKOLookup_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.WKOLookup_Content{
    background-color: #91dbb4;
    margin: 20% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 80%; /* Could be more or less, depending on screen size */
	text-align: center;
	font-size: 50px;
} 

.WKOCreateWKO_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.WKOCreateWKO_Content{
    background-color: #91dbb4;
    margin: 20% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 80%; /* Could be more or less, depending on screen size */
	text-align: center;
	font-size: 50px;
}

.WKOImagePreview_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.WKOImagePreview_Content{
    background-color: #91dbb4;
    margin: 20% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 80%; /* Could be more or less, depending on screen size */
	text-align: center;
	font-size: 50px;
}

.btn_WKOCreateWKO
{
	width: 35%;
	font-size: .58em;
	border: .2em outset yellow;
	background-color: Pink;
	padding-bottom: 1em;
	padding-top: 1em;
}

.btn_WKOCreateCancel
{
	width: 35%;
	font-size: .58em;
	border: .2em outset yellow;
	background-color: #c65f5f;
	margin-right: 2em;
	padding-bottom: 1em;
	padding-top: 1em;
}

.lbl_WKOAssigned
{
	text-align: center;
}
.chk_WKOAssigned
{
	width: 10%;
	font-size: 20px;
	Background-color: Pink;
	Color: Black;
	border: 3px solid #475f87;
	padding-top: 2em;
}

.btn_ChooseWKO 
{
	width: 20%;
	font-size: .52em;
	border: .2em outset #3a8e62;
	background-color: #91dbb4;
	padding-bottom: 2.5em;
	padding-top: 2.5em;
	margin-right: 2em;
}

.chk_CompleteWKO
{
	width: 10%;
	font-size: 20px;
	Background-color: Pink;
	Color: Black;
	border: 3px solid #475f87;
	padding-top: 2em;
}

.SubmitComments
{
	width: 20%;
	font-size: .5em;
	border: .2em outset darkblue;
	background-color: skyblue;
	padding-bottom: 2.5em;
	padding-top: 2.5em;
	margin-right: 2em;	
}

.WKO_div_ChooseWKO
{
	display: inline;
	border: .1em solid;
	padding: 1.2em 0.5em 1.4em 1em
}



.input_WKODesc
{
	font-size: .7em;
	width: 95%;
	Margin-bottom: 2em;
	border: solid .3em #475f87;
}

.div_WKOCreateBtn
{
	text-align: center;
}

.SelectAsset
{
	width: 50%;
	font-size: .52em;
	border: .2em outset darkblue;
	background-color: skyblue;
	margin-top: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.WKO_div_AssignedEmployees
{
	font-size: .75em;
	margin-top: .2em;
	background-color: pink;
	text-align: left;
	border: .2em solid black;
}

.WKO_Btn_Attachments
{
	width: 70%;
	font-size: .9em;
	border: .2em outset #3a8e62;
	background-color: #42f4c5;
	padding-bottom: .5em;
	padding-top: .5em;
	margin: .1em;
	white-space: normal;
}

.WKO_div_SelectedEmps
{
	border: .1em solid black;
	font-size: .75em;
}

.WKO_btn_DeleteEmp
{
	color: white;
	background-color: red;
	border: .3em solid #ad2b2b;
	padding: .5em 1em .5em 1em;
	margin-right: 2em;
	font-size: .75em;
	margin-bottom: .5em;
}

.WKO_btn_AssignEmployees
{
	width: 50%;
	font-size: .52em;
	border: .2em outset darkblue;
	background-color: skyblue;
	padding-top: 1em;
	padding-bottom: 1em;
}

.div_WKOCreateInfo
{
	width: 100%;
	text-align: left;
	font-size: .75em;
	
}

.lbl_WKOCreateWKO
{
	text-align: Center;
	margin-bottom: 1em;
}


.WKOSelectAsset_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.WKOSelectAsset_Content{
    background-color: #afedcc;
    margin: 20% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 85%; /* Could be more or less, depending on screen size */
	text-align: center;
	font-size: 50px;
}

.WKOAssigned_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.WKOAssigned_Content{
    background-color: #99c0ff;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 90%; /* Could be more or less, depending on screen size */
	text-align: center;
	height: 80%;
	font-size: 50px;
}

.WKOEmployee_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.WKOEmployee_Content{
    background-color: #99c0ff;
    margin: 20% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 90%; /* Could be more or less, depending on screen size */
	text-align: center;
	font-size: 50px;
}

.WKOAssigned_Header
{
	font-size: .8em;
	margin-bottom: .6em;
}

.AssignedTable
{
	width: 100%;
	font-size: .75em;
	border: solid .1em;
	background-color: #ffb2b2;
	text-align: center;
}

.GPSLocatingText
{
	
}

.IDSelected
{
	width: 95%;
	height: 60px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 8px;
}
.ClockIn
{
	height: 150px;
	width: 100%;
	padding: 0px 100px;
	font-size: 50px;
	Background-color: #91dbb4;
	border-radius: 200px;
	Color: Black;
}


.ClockInOut
{
	width: 100%;
	padding-top: 5%;
}

.ClockOut
{
	height: 150px;
	width: 100%;
	padding: 0px 100px;
	font-size: 50px;
	Background-color: #DB9191;
	border-radius: 200px;
	Color: Black;
	bottom: 5%;

}

.TAS
{
	height: 90px;
	width: 100%;
	padding: 0px 100px;
	font-size: 50px;
	Background-color: Gray;
	border-radius: 200px;
	Color: Black;
	Text-align: Center;
}

.Employees
{
	height: 90px;
	width: 100%;
	padding: 0px 100px;
	font-size: 60px;
	Background-color: silver;

	Color: Black;
	Text-align: Center;
}

.txtNewGroup
{
	width: 65%;
	font-size: 30px;
}

.DivExistingGroups
{
	margin: auto;
    width: 90%;
    padding: 10px;
}

.ButtonEditGroup
{
	height: 60px;
	width: 13%;
	padding: 0;
	font-size: 30px;
	Background-color: lightblue;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.ButtonDeleteGroup
{
	height: 60px;
	width: 13%;
	padding: 0;
	font-size: 30px;
	Background-color: #ff8286;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.ButtonExistingGroups
{
	height: 90px;
	width: 74%;
	padding: 5px 100px;
	font-size: 50px;
	border-radius: 200px;
	Text-align: Center;
	Border: 3px solid black;
	background-color: pink;
	
}

.AcresButton
{
	width: 35%;
	font-size: 35px;
	border-radius: 200px;
	background-color: #B8B8B8;
	Color: Black;
	Text-align: Center;
}

.Single_AcresButton
{
	width: 60%;
	font-size: 35px;
	border-radius: 200px;
	background-color: #B8B8B8;
	Color: Black;
	Text-align: Center;
}

.TASDIV
{
    margin: auto;
    width: 75;
    padding: 5px;
}

.SupNameIndex
{
	Text-align: Center;
	Font-size: 20px;
	padding: 0px;
	margin: 0px;
	Padding-Left: 2%;
}

.FilterButton
{
	height: 60px;
	width: 40%;
	font-size: 50px;
	Background-color: #7c86ea;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.NoGroups
{
	font-size: 50px;
	text-align: Center;
}

.FilterButtonSelect
{
	height: 60px;
	width: 40%;
	font-size: 50px;
	Background-color: #d15454;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.lblNewGroup
{
	font-size: 40px;
}

.DIVNewGroup
{
	width: 100%;
	text-align: Center;
	border: 1px solid black;
	padding-bottom: 3%;
	padding-top: 1%;
}

.NewGroup
{
	width: 40%;
	font-size: 25px;
}

.SupName
{
	Text-align: Center;
	Font-size: 30px;
	padding: 0px;
	margin: 0px;
	padding-left:25%;
}

.SupNameClockings
{
	Text-align: Center;
	Font-size: 30px;
	padding-left: 2%;
	margin: 0px;
}

.PeicesButton
{
	width: 85%;
	font-size: 40px;
	Background-color: #d15454;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.ClockingTable
{
	Text-align: center;
	width: 100%;
	font-size: 25px;

}

.Global_PiecesButton
{
	width: 20%;
	font-size: 35px;
	Background-color: Pink;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.Button_SetPieces
{
	width: 100%;
	font-size: 20px;
	Background-color: Pink;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
	padding-top: 20%;
	padding-bottom: 20%;
}

.Global_Pieces
{
	font-size: 30px;
	width: 15%;
}

.div_GlobalPieces
{
	float: right;
	width: 100%;
	font-size: 30px;
	text-align: Center;
}

.txt_pieces
{
	font-size: 30px;
	width: 65%;
}

.GroupPieces
{
	Text-align: center;
	width: 100%;
	font-size: 40px;
	background-color: #91dbb4;
}

.Table_ReportPieces
{
	text-align: center;
	width: 100%;
	font-size: 30px;
	background-color: #91dbb4;
}

.DivAcres
{
	text-align: center;
	Font-size: 40px;
	width: 100%;
	padding: 0;
}

.InputAcres
{
	padding: 0,0,0,0;
	width: 90%;
	font-size: 40px;
}

.row0
{
	width: 3%;
}

.row1
{
	width: 43%;
}

.row2
{
	width: 20%;
}

.row3
{
	width: 10%;
}

.rowDescrip
{
	font-size:25px;
}

.PunchIn
{
	background-color: #91dbb4;
}

.PunchOut
{
	background-color: #DB9191;
}

.Filter
{
	Text-align: Center;
}

.ui-selectee
{
	Font-size: 35px;
}

.Filterlbl
{
	Text-align: Center;
	Font-size: 30px;
	padding: 0px;
	margin: 0px;
}

.TASLabel
{
	Text-align: Center;
	Font-size: 50px;
	padding: 0px;
	Margin: 0px
}

.PHeaderFixed
{
	Text-align: Center;
	Font-size: 45px;
	width: 95%;
	padding-right: 2%;
	Padding-Top: .8%;
	Padding-Bottom: 1%;
	Margin: 0px;
	background-color: lightblue;
	position: fixed;
	border: 2px solid black;
}

.PHeaderFixedClocking
{
	Text-align: Center;
	Font-size: 45px;
	width: 93.5%;
	padding-right: 2%;
	Padding-Left: 2%;
	Padding-Top: .8%;
	Padding-Bottom: 1%;
	Margin: 0px;
	background-color: lightblue;
	position: fixed;
	border: 2px solid black;
}

.WKOHeader
{
	Text-align: Center;
	Font-size: 3em;
	width: 93.5%;
	padding-right: 2%;
	Padding-Left: 2%;
	Padding-Top: .8%;
	Padding-Bottom: 1%;
	Margin: 0px;
	background-color: #78addb;
	border: 2px solid black;
}

.DIV_SubmitPieces
{
	width: 100%;
	text-align: center;
	Padding-Top: 3%;
}

.Button_SubmitPieces
{
	width: 40%;
	font-size: 60px;
	Background-color: lightgreen;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.Button_CancelPieces
{
	width: 40%;
	font-size: 60px;
	Background-color: red;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.SearchHold
{
	Text-align: Center;
	Font-size: 30px;
	width: 100%;
	padding-right: 30px;
	Padding-Top: .8%;
	Padding-Bottom: 1%;
	Margin: 0px;
	background-color: #d5ffd3;
	position: fixed;
}

.EmpSearchHold
{
	Text-align: Center;
	width: 100%;
	Padding-Top: .8%;
	Padding-Bottom: 1%;
	Margin: 0px;
	border: 2px solid black;
	background-color: #d5ffd3;
	position: fixed;
}

.SearchHolder
{
	padding-top: 20%;
}

.EmpSearchHolder
{
	padding-top: 35%;
}

.EmpButton
{
	Background-color: White;
	padding: 0;
	font-size: 33px;
	width: 100%;
	Background-color: lightblue;
}

.EmpSelectedButton
{
	Background-color: pink;
	width: 100%;
	padding: 0;
	font-size: 33px;
}

.EmpLockedButton
{
	Background-color: Yellow;
	width: 100%;
	padding: 0;
	font-size: 33px;
}

.LockPage
{
	position: fixed;
	width: 100%;
}

.PHeader
{
	Text-align: Center;
	Font-size: 45px;
	padding-top: 2.5%;
	width: 100%;
}

.Search_GroupName
{
	font-size: 50px;
	Text-align: Center;
}

.SearchHeader
{
	Text-align: Center;
	Font-size: 50px;
}

.SearchText
{
	height: 90px;
	width: 90%;
	font-size: 50px;
	text-align: Center;
	Background-color: #E8E854;
}

.EmpSearchText
{
	height: 90px;
	width: 100%;
	font-size: 50px;
	text-align: Center;
	Background-color: #e6fce5;
}

.selectlist {
    display: block;
    width: 15%;
    float: left;
}

.SelectDIV
{
	Width: 85%;
	text-align: center;
	margin: auto;
	padding-top: 1%;
	bottom: 4%;
	position: fixed;
	padding-left: 8%;
}

.SearchResultsHolder
{
	width: 50;
	height: 50%;
	background-color: red;
}

.SelectButton
{
	height: 90px;
	width: 85%;
	padding: 0px 100px;
	font-size: 50px;
	Background-color: #E39134;
	border-radius: 200px;
	Color: Black;
	Text-align: Center;
}

.Home
{
    background-color: #0017ff;
    border: none;
    color: white;
	width: 20%;
	height: 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 40px;
	float: Right;
	
}

.PlaceEmps
{
	padding-bottom: 15%;
}

.ViewPunches
{
	background-color: #0017ff;
    border: none;
    color: white;
	width: 20%;
	height: 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
	float: Left;
}

.Button_CloseDateTime
{
	width: 40%;
	font-size: 50px;
	Background-color: red;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.Button_SetDateTime
{
	width: 40%;
	font-size: 50px;
	Background-color: pink;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.Button_WholeGroup
{
	width: 60%;
	font-size: 50px;
	Background-color: pink;
	border-radius: 200px;
	Color: Black;
	border: 3px solid black;
}

.Input_DateTime
{
	font-size: 40px;
	background-color: pink;
}

.AssignedWKOList
{
	overflow: auto;
	height: 78%;
	margin-top: 28px;
	border: 2px black solid;
}

 /* The Modal (background) */
.DateTimePicker_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.DateTimePicker{
    background-color: #91dbb4;
    margin: 40% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 80%; /* Could be more or less, depending on screen size */
	text-align: center;
	font-size: 50px;
}

 /* The Modal (background) */
.WholeGroup_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.WholeGroup_Content{
    background-color: #91dbb4;
    margin: 20% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 80%; /* Could be more or less, depending on screen size */
	text-align: center;
	font-size: 50px;
}

 /* The Modal (background) */
.AddToGroup_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.AddToGroup_Content{
    background-color: #91dbb4;
    margin: 20% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 80%; /* Could be more or less, depending on screen size */
	text-align: center;
	font-size: 50px;
}

 /* The Modal (background) */
.Manager_Filter_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.Manager_Filter_Content{
    background-color: #91dbb4;
    margin: 20% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid black;
    width: 80%; /* Could be more or less, depending on screen size */
	text-align: center;
	font-size: 50px;
} 

.Manager_txt_CodeLookup
{
	width: 25%;
	font-size: .5em;
}

.Manager_Select_Filter
{
	border: .3;
   color: #EEE;
   background: transparent;
   font-size: 30px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   width: 350px;
   background: #3b8ec2;
   -webkit-appearance: none;
   
}

.Manager_btn_Set
{
	font-size: .52em;
	border: .2em outset #32704f;
	background-color: #7aa7ef;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 1.75em;
	padding-right: 1.75em;
}

.CustomScroll
{ 
width: 100%; list-style: none; margin: 0; padding: 0;
}
 
.liCustom 
{ 
background: white; position:relative; padding: .5em; border: 2px solid gray; list-style: none; text-align: Center; Width: 100%; font-size: 50px;z-index: -1
}
li .handle
 { 
 background: #f8f8f8; position: absolute; left: 0; top: 0; bottom: 0; padding:8px;
 }
 
 .ui-selecting {background: #eee; }
  .ui-selecting .handle { background: #ddd; }
  .ui-selected { background: #def; }
  .ui-selected .handle { background: #cde; }