.divSelect{
  	color: black;
  	background-color:white;
  	border: none;
  	width: 100%;
  	text-align:center; 
}
.divCal {
  	color: black;
  	background-color:white;
  	border: none;
  	width: 100%;
  	text-align:center;
}
.divText {
  	color: black;
  	background-color:white;
  	border: none;
  	/*cursor: pointer;*/
  	width: 100%;
  	text-align:center; 
}
.divbutton {
  	color: white;
  	border: none;
  	width: 100%;
  	text-align:center;
  	overflow:hidden;
 }
.wrapper {
	width:100%;
  	height:100vh;
}
.border{
	border:1px solid black;
	overflow:hidden;
	/*display:inline-block;*/
	padding:10px;
	border-radius: 8px;
    position:relative;
}

.error {
font-size: 30px;
}

.notemsg{
color: darkred;
font-weight: bold;
}

.ui-tooltip {
    white-space: pre-line;
}

body{
/*width:90vw;
padding-left:1vw;
padding-right:6vw;*/
text-align:center;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: silver;
}
::-moz-placeholder { /* Firefox 19+ */
  	color: silver;
}
:-ms-input-placeholder { /* IE 10+ */
  	color: silver;
}
:-moz-placeholder { /* Firefox 18- */
  	color: silver;
}
img {
	max-width: 225px;
}
.heading{
	min-width:300px;
	font-size: 22px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.tableBtn{
	margin: 5px;
}
.buttons {
	white-space:nowrap;	
	max-width:225px;
	cursor: pointer;
	background-color: #4CAF50;
	width:100%;
	height:100px;
	margin:5px;
	font-size:20px;
	vertical-align:middle;
	color:white;
	border-radius: 8px;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.buttons:hover {
	background-color: #3e8e41;
}
/* iOS Safari doesn't trigger the :active pseudo-class unless a touch event is attached to the element */
.buttons:active {
  	background-color: #842637;
  	box-shadow: 0 5px #666;
  	transform: translateY(4px);
}
.buttons:disabled {
  	background-color: #918E8E;
  	box-shadow: 0 5px #666;
  	transform: translateY(4px);
}
.details{
	white-space:nowrap;	
	width:100%;
	max-width:225px;
	margin:10px;
	font-size:20px;
	vertical-align:middle;
	color:black
}
.select {
	white-space:nowrap;	
	width:100%;
	max-width:225px;
	margin:10px;
	font-size:22px;
	vertical-align:middle;
	color:black;
	cursor: pointer;
}
.inputs {
	white-space:nowrap;	
	width:100%;
	max-width:225px;
	margin:10px;
	font-size:22px;
	vertical-align:middle;
	color:black;
}
.EditInputs {
	white-space:nowrap;	
	width:100%;
	max-width:225px;
	height:20px;
	margin:5px;
	font-size:15px;
	vertical-align:middle;
	color:black;
	
}

.invalidClass{
	border-color: red;
	border-width: 2px;
}
.invalidText{
	color:darkred;
	font-weight: bolder;
}
.validClass{
	border-color: green;
	border-width: 2px;
}
.column {
  float: left;
  width: 30.00%;
  padding: 10px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.options{
	background-color:white;
	color:black;
}
.clock{
	border-collapse:collapse;
	border: 0px none;
	width:100%;
	max-width:225px;
	font-size:16px;
	text-align:center;
	background-color:white;
}
.hidden{
	display:none;
}
.legends{
	font-size:20px;
}
.captions{
	font-size:20px;
	font-weight: bold;
}
.warnings{
	text-align: center;
	color: maroon;
	font-weight: bold;
	font-size: 20px;
}
.statusmsg{
	text-align: center;
	color: maroon;
	font-weight: bold;
	font-size: 14px;
	width:100%;
	max-width: 225px;
	margin:0 auto;
}
	/* Basic table styling */
table { 
  	width: 50%; 
  	border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) { 
 	 background: #eee; 
}
th { 
  	background: #333; 
  	color: white; 
  	font-weight: bold; 
}
td, th { 
  	padding: 6px; 
  	border: 1px solid #ccc; 
  	text-align: left; 
}


	/* This styling adds responsive data tables for mobile */
	@media
/*only screen and (max-width: 1500px) {
table, thead, tbody, th, td, tr {
    display: block;
  }
thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
tr { border: 1px solid #ccc; }
td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 200px;
    margin-left: 150px;
}
td:before {
    position: absolute;
    top: 12px;
    left: 6px;
    width: 200px;
    padding-right: 40px;
    white-space: nowrap;
    margin-left: -150px;
}
td:nth-of-type(1):before {content: ""; }
td:nth-of-type(2):before { content: "User ID"; }
td:nth-of-type(3):before { content: "Name"; }
td:nth-of-type(4):before { content: "Department";}

}*/