h2{
    font-family: Arial,sans-serif;
    font-size: 120%;
    font-weight: normal;
    color: white;
}
h3{
    font-family: Arial,sans-serif;
    font-size: 200%;
    font-weight: bold;
    color: white;
}

h4{
    font-family: Arial,sans-serif;
    font-size: 120%;
    font-weight: normal;
    color: #939c9e;
}
h5{
    font-family: Arial,sans-serif;
    font-size: 150%;
    font-weight: bold;
    color: #939c9e;
}
h6{
    font-family: Arial,sans-serif;
    color: white;
    font-size: 400%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

h7{
    font-family: Arial,sans-serif;
    color: white;
    font-size: 150%;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

h8{
    font-family: Arial,sans-serif;
    font-size: 150%;
    font-weight: normal;
    color: #939c9e;
}
h9{
    font-family: Arial,sans-serif;
    line-height: 1.8;
    font-size: 90%;
    font-weight: normal;
    color: #aaaaaa;

}
h10{
    font-family: Arial,sans-serif;
    color: black;
    font-size: 400%;
    font-weight: bold;
    margin: 0px;
    padding: 0px;

}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.content {
	font: 0.7em Tahoma, sans-serif;
	font-size: 12px;
	color:#555555;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	padding: 2px 2px 2px 2px;
}

.content a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 16px;
	color:#E25B00;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	padding: 2px 2px 2px 2px;
}
.content a:hover{
	text-decoration:none;
	color: #E25B00;
	font-weight:bold;
}

.docs {
	font: 0.7em Tahoma, sans-serif;
	font-size: 10px;
	color:#555555;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	padding: 2px 2px 2px 2px;
}

.docs a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 10px;
	color:#9C27B0;
	text-decoration:none;
	font-weight:normal;
	text-align:left;

}
.docs a:hover{
	text-decoration:none;
	color: #9C27B0;
	font-weight:bold;
}

.blacktext { color: #111;}

.invisinput {border:none; background: transparent; color: #555}
.tableheaders th{padding: 0px 10px!important;}

.button {
 
    background-color: Transparent;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 0px 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.button1 {
   
    color: white; 
    border: 2px solid #FFFFFF;
}

.button1:hover {
    background-color: #FFFFFF;
    color: black;
}
.button2 {
 
    background-color: Transparent;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 0px 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.button2 {
   
    color: white; 
    border: 2px solid #FFFFFF;
}

.button2:hover {
    background-color: #FFFFFF;
    color: black;
}
.button3 {
 
    background-color: #4A2885;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 0px 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.button3 {
   
    color: white; 
    border: 2px solid #4A2885;
}

.button3:hover {
    background-color: #4A2885;
    color: white;
}
.button4 {
 
    background-color: #DE1100;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 0px 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.button4 {
   
    color: #FFFFFF; 
    border: 2px solid #FFFFFF;
}

.button4:hover {
    background-color: #08509F;
    color: white;
}

.button5 {
 
    background-color: #3B5998;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 0px 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button5 {
   
    color: #FFFFFF; 
    border: 2px solid #FFFFFF;
}

.button5:hover {
    opacity: 0.7;
}

.button6 {
 
    background-color: #FF6600;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 0px 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.button6 {
   
    color: #FFFFFF; 
    border: 2px solid #FFFFFF;
}

.button6:hover {
    opacity: 0.7;
}

.left_footer_box a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 14px;
	color:#939C9E;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	border-top: 0px solid #cccccc;
	padding: 2px 2px 2px 2px;
}
.left_footer_box a:hover{
	text-decoration:underline;
	color: #FFFFFF;
	font-weight:normal;
}
.right_footer_box a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 14px;
	color:#939C9E;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	border-top: 0px solid #cccccc;
	padding: 2px 2px 2px 2px;
}
.right_footer_box a:hover{
	text-decoration:underline;
	color: #FFFFFF;
	font-weight:normal;
}

.table_hover:hover {
    background-color: #EB8C4C!important;
    color: #FFF;
}
.table_hover:hover a {
    color: #FFF!important;
    
}
.table_hover:hover input {
	color: #FFF!important;
}
.table_hover:hover textarea {
	color: #FFF!important;
}
.clockinoutcounter{
	border: 1px solid #000;
	padding: 10px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.modal-title {color:#333; font-size:28px; text-align: center;}
.modal-text {color:#333; font-size:22px; text-align:center;}
.modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  opacity:1;	
}

.table-wrapper {
  position: relative;
}

.fixed-header {
  table-layout: fixed;
  width: 100%;
}
.fixed-header th {
	font-size:14px;
}
.scrollable-body {
  max-height: 400px;
  overflow-y: auto;
}

.scroll-table {
  table-layout: fixed;
  width: 100%;
}
.smallmodal{width:50%!important;}
.modallist{list-style:none; font-size:22px; text-align: center;}
.modallist li {margin-bottom:10px;}
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.buttongreen{
	background-color:#28a745;
	color:white!important;
	border-color:#006216;
	float:right;
	margin-right:20px;
	cursor:pointer;
	font-size:16px!important;
	border:solid;
	border-width:1px;
	padding:10px!important;
	border-radius: 5px;
}
.buttongreen:hover{
	background-color:white;
	color:#28a745!important;
	border-color:#006216;
	float:right;
	margin-right:20px;
	cursor:pointer;
	font-size:16px!important;
	border:solid;
	border-width:1px;
	padding:10px!important;
	border-radius: 5px;
	font-weight:normal!important;
}
.delete{
	color:#DC3545!important;		
}
	.orangelink{
		color:#E25B00!important;
	}

.vistatable th, .vistatable td{  
	padding:20px 10px;
	font-size:16px;
}
.vistatable tr:nth-child(even) 
	{background-color: #f2f2f2;}

.redtext {
	color:#DC3545;
}



.redbutton {
	background-color:#DC3545;
	border:1px solid #92202B;
	border-radius: 5px;
	color:white;
	padding:7px;
}

.redbutton:hover {
	background-color:white;
	color:#DC3545;
	
}
.disabledlink {
	pointer-events: none;
	background-color: #eee!important;
	color:black!important;
}
.filterselect{padding:10px; width:100%;}