.inputStyleJquery
{ 
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}
.headerTablePlanning
{
	text-align:left;
	margin-left:5px;
}
.ui-icon-info {
    background-color: #FFFFFF !important;
}

.hoverTable{
	width:100%; 
	border-collapse:collapse; 
	font-family:arial; 
	font-weight: normal;
}
.hoverTable td{ 
	padding:7px; border:#B2B3B3 1px solid;
}
.hoverTable tr{
	background: #EBECEC;
}
.hoverTable tr:hover {
	  background-color: #ffff99;
	  cursor: pointer;
}
.hoverTable th{
	background: #2B2A29;
	color: #FEFEFE;
	font-weight: normal;
	padding:7px; border:#B2B3B3 1px solid;
	  cursor: default;
}
.tablerowdefault {
	font-family: arial;
	font-weight: default;
	color: black;
}
.planningTitle {
	font-family:arial;
	font-size:x-large;
	color:black;
	cursor:default;
}
.tableInfo {
	background-color: #ffff99;
}

.tooltip {
    position: relative;
    display: inline-block;

}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip2 {
    position: relative;
    display: inline-block;

}

.tooltip2 .tooltip2text {
    visibility: hidden;
    width: 220px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 0;
	margin-left:5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip2:hover .tooltip2text {
    visibility: visible;
}

tr.border_bottom td {
  border-bottom:1pt solid #E6E3E3;
}

.red {
	color: red;
}

.special-bday {
	background: red;
}

.select-native-1{
 width:150px;   
}

.willyClass {
	background-color: orange;
}

.notesOuter {
  position: relative;
  margin-top: 20px;
}

.notesItems {
  position: absolute;
  margin-top: 150px;
}

.notesCategories {
  position: absolute;
}

.hoverTableWhite{
	width:100%; 
	border-collapse:collapse; 
	font-family:arial; 
	font-weight: normal;
}
.hoverTableWhite td{ 
	padding:7px; border:#B2B3B3 1px solid;
}
.hoverTableWhite tr{
	background: #D4EBF8;
}
.hoverTableWhite tr:hover {
	  background-color: #ffff99;
	  cursor: pointer;
}
.hoverTableWhite th{
	background: #2B2A29;
	color: #FEFEFE;
	font-weight: normal;
	padding:7px; border:#B2B3B3 1px solid;
	  cursor: default;
}
.redBackground {
	background: #728e96;
	color: white;
}
.orangeCell {
	background: #aa9d88;
	color: white;
}
.hoverTable2{
	width:100%; 
	border-collapse:collapse; 
	font-family:arial; 
	font-weight: normal;
}
.hoverTable2 td{ 
	padding:7px; border:#000000 1px solid;
}
.hoverTable2 tr{
	background: #FFFFFF;
}
.hoverTable2 tr:hover {
	  background-color: #ffff99;
	  cursor: pointer;
}
.hoverTable2 th{
	background: #2B2A29;
	color: #FEFEFE;
	font-weight: normal;
	padding:7px; border:#B2B3B3 1px solid;
	  cursor: default;
}
.redLightBackground {
	background: #FF6347;
	color: white;
}

.hoverTable3{
	width:100%; 
	border-collapse:collapse; 
	font-family:arial; 
	font-weight: normal;
}
.hoverTable3 td{ 
	padding:7px; border:#B2B3B3 1px solid;
}
.hoverTable3 tr{
	background: #FFFFFF;
}
.hoverTable3 tr:hover {
	  background-color: #ffff99;
	  cursor: pointer;
}
.hoverTable3 th{
	background: #FFFFFF;
	color: #FEFEFE;
	font-weight: normal;
	padding:7px; border:#B2B3B3 1px solid;
	  cursor: default;
}
.custom-size-flipswitch {
	width: 120px;
}
